import { jsxs as l, jsx as r } from "react/jsx-runtime";
import { O as c } from "./chunk-RXIM6GTA.C-ABNABt.js";
import "@sinclair/typebox";
import { b as f } from "./use-section-style.CgktT_qE.js";
import { T as s } from "./TextContent.CXFlerU1.js";
import { _ as n } from "./twind.D_WBdNpx.js";
import { u as x } from "./use-color-preset.CYlEPd2C.js";
import { B as u } from "./BrickRoot.LoA8SzjD.js";
function h(t) {
  return !t || t.trim().length === 0 || t.trim() === "<p></p>";
}
function v({ brick: t, editable: o, selected: a }) {
  const e = t.props, p = f(t), i = Object.values(p), m = x(t);
  return /* @__PURE__ */ l(
    u,
    {
      editable: o,
      manifest: c,
      className: n("flex flex-col gap-[1.5rem]", ...i, m.main),
      children: [
        /* @__PURE__ */ r(
          s,
          {
            as: "h1",
            propPath: "content",
            brickId: t.id,
            content: e.content,
            textSizeMode: "hero",
            editable: o,
            noTextType: !0
          }
        ),
        /* @__PURE__ */ r(
          s,
          {
            as: "p",
            propPath: "tagline",
            className: n(
              "tagline text-2xl font-bold text-balance",
              h(e.tagline) && !a ? "opacity-0 hover:opacity-80" : "opacity-80"
            ),
            brickId: t.id,
            content: e.tagline,
            editable: o
          }
        )
      ]
    }
  );
}
export {
  v as default
};
//# sourceMappingURL=hero.C44P6Uiu.js.map
