import { jsxs as c, jsx as r } from "react/jsx-runtime";
import { forwardRef as m } from "react";
import { b as f } from "./use-section-style.Cg6VYj5D.js";
import { T as n } from "./TextContent.Bo6lqHFe.js";
import { _ as s } from "./twind.BLUk_ZzT.js";
function x(t) {
  return !t || t.trim().length === 0 || t.trim() === "<p></p>";
}
const T = m(({ brick: t, editable: o, selected: a }, i) => {
  const p = f(t), e = t.props, l = Object.values(p);
  return /* @__PURE__ */ c(
    "div",
    {
      className: s(
        "flex-grow flex shrink-0 flex-col gap-[1.5rem] min-h-fit",
        ...l
        // props.layout === "sided" ? "flex-row gap-[10%]" : "flex-col gap-[10%] items-center justify-center",
      ),
      ref: i,
      children: [
        /* @__PURE__ */ r(
          n,
          {
            as: "h1",
            propPath: "content",
            brickId: t.id,
            content: e.content,
            textSizeMode: "hero",
            editable: o,
            noTextType: !0
          }
        ),
        /* @__PURE__ */ r(
          n,
          {
            as: "p",
            propPath: "tagline",
            className: s(
              "tagline text-2xl font-bold text-balance",
              x(e.tagline) && !a ? "opacity-0 hover:opacity-80" : "opacity-80"
            ),
            brickId: t.id,
            content: e.tagline,
            editable: o
          }
        )
      ]
    }
  );
});
export {
  T as default
};
//# sourceMappingURL=hero.BxJvTjb_.js.map
