import { jsxs as c, jsx as t } from "react/jsx-runtime";
import { b as p } from "./use-section-style.CihCUEtb.js";
import { ai as f } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { _ as i } from "./twind.D7be0E5m.js";
import { B as u } from "./BrickRoot.C1PanknS.js";
function v({ brick: s, editable: o }) {
  const { props: r } = s, a = p(s), { image: n, ...l } = a, { src: e, alt: m } = r.image ?? {};
  return /* @__PURE__ */ c(
    u,
    {
      manifest: f,
      as: "picture",
      className: i("group/image flex items-center justify-center", Object.values(l)),
      children: [
        e && /* @__PURE__ */ t(
          "img",
          {
            src: e,
            alt: m,
            className: i(
              "max-h-full w-full h-full rounded-[inherit] select-none pointer-events-none",
              n
            )
          }
        ),
        o && !e && /* @__PURE__ */ t(
          "div",
          {
            className: i(
              "rounded-[inherit] transition-opacity duration-300 group-hover/image:opacity-100 flex absolute inset-0 items-center justify-center font-semibold",
              e && "opacity-0"
            ),
            children: /* @__PURE__ */ t("div", { className: "text-ellipsis text-nowrap flex-nowrap text-center", children: "No image set" })
          }
        )
      ]
    }
  );
}
export {
  v as default
};
//# sourceMappingURL=image.DfBGwV1A.js.map
