import { t as e } from "./utils-CHlhTiFC.js";
import * as t from "react";
import { jsx as n } from "react/jsx-runtime";
//#region src/components/ui/pageHeader.tsx
var r = t.forwardRef(({ className: t, style: r, backgroundImage: i, minHeight: a = !0, contentMode: o = "dark", ...s }, c) => /* @__PURE__ */ n("div", {
	className: "@container w-full",
	children: /* @__PURE__ */ n("div", {
		ref: c,
		className: e(`${o} bg-cover bg-center w-full py-20 pl-4 @2xl:pl-[8.3333%] rtl:pr-4 rtl:pl-0 @2xl:rtl:pr-[8.3333%] @2xl:rtl:pl-0 flex flex-col gap-4`, a ? "min-h-[642px] @5xl:min-h-[746px]" : "", t),
		style: {
			...r,
			backgroundImage: i ? `url(${i})` : "none"
		},
		...s
	})
}));
r.displayName = "PageHeader";
var i = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
	ref: i,
	className: e("p-4", t),
	...r
}));
i.displayName = "PageHeaderHead";
var a = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
	ref: i,
	className: e("p-4 w-full @2xl:w-[66.667%] grow flex flex-col gap-6 justify-center", t),
	...r
}));
a.displayName = "PageHeaderContent";
//#endregion
export { r as PageHeader, a as PageHeaderContent, i as PageHeaderHead };

//# sourceMappingURL=PageHeader.js.map