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