import { h as e } from "./chunk.BlbRoQQ3.js";
import { a2 as t } from "./use-page-data.Cb2SuuwJ.js";
import "./chunk-LSPN22SI.D75E3zS-.js";
import { c as n } from "./twind.BiM9xcCd.js";
import { b as r } from "./jsx-runtime.DF4K5VCp.js";
import "./chroma-js.Dcir27CH.js";
import "./color-system.Dp99zR0T.js";
import "./react.BZZIbN3T.js";
import "./schema-resolver.p7B_pu36.js";
import { b as i } from "./use-brick-style.DDPl-_C1.js";
import "./use-brick-manifest.Iv9SG-7-.js";
import { b as a } from "./TextContent.B1cB93wj.js";
import { b as o } from "./BrickRoot.DbISziyH.js";
import { b as s } from "./use-brick-props.Db5hMGVc.js";
function c(e) {
	return !e || e.trim().length === 0 || e.trim() === "<p></p>";
}
var l = /* @__PURE__ */ e(r());
function u(e) {
	let { brick: r, editable: u, selected: d } = e, f = s(e), p = i(r);
	return /* @__PURE__ */ (0, l.jsxs)(o, {
		brick: r,
		editable: u,
		manifest: t,
		className: n("flex-col gap-[1.5rem] flex-grow", Object.values(p)),
		children: [/* @__PURE__ */ (0, l.jsx)(a, {
			as: "h1",
			propPath: "content",
			brickId: r.id,
			content: f.content,
			rawContent: r.props.content,
			textSizeMode: "hero",
			editable: u,
			noTextType: !0
		}), /* @__PURE__ */ (0, l.jsx)(a, {
			as: "p",
			propPath: "tagline",
			className: n("tagline text-2xl font-bold text-balance", u && c(f.tagline) && !d ? "opacity-0 hover:opacity-80" : "opacity-80"),
			brickId: r.id,
			content: f.tagline,
			rawContent: r.props.tagline,
			editable: u
		})]
	});
}
export { u as default };

//# sourceMappingURL=hero.DNeCu4_y.js.map