import { cx as e } from "../../../theme/tools.js";
import { BackofficePageHeader as t } from "../../../backoffice/molecules/backoffice_page_header/BackofficePageHeader.js";
import { actions as n, container as r, content as i, contentSection as a } from "./detailPage.css.js";
import { jsx as o, jsxs as s } from "react/jsx-runtime";
//#region src/atomic/templates/detail-page/DetailPage.tsx
var c = (e, t) => {
	let r = t ?? [], i = r.length > 0, a = e != null;
	return !a && !i ? null : /* @__PURE__ */ s("div", {
		className: n,
		children: [i && /* @__PURE__ */ o("div", {
			className: "_8ct8xq3 txvbqb9ip txvbqbcp txvbqbao7 txvbqbajy",
			children: r.map((e, t) => /* @__PURE__ */ o("div", {
				className: "_8ct8xq4 txvbqb9ip txvbqbcp",
				children: e
			}, t))
		}), a && /* @__PURE__ */ o("div", {
			className: "_8ct8xq5 txvbqb9ip txvbqbcp",
			children: e
		})]
	});
}, l = ({ title: n, subtitle: a, primaryAction: l, secondaryActions: u, headerSupplement: d, children: f, className: p, contentClassName: m }) => /* @__PURE__ */ s("div", {
	className: e(r, p),
	children: [
		/* @__PURE__ */ o(t, {
			title: n,
			subtitle: a,
			actions: c(l, u)
		}),
		d != null && /* @__PURE__ */ o("div", {
			className: "_8ct8xq1 txvbqb9ip txvbqbai7 txvbqbaop",
			children: d
		}),
		/* @__PURE__ */ o("div", {
			className: e(i, m),
			children: f
		})
	]
}), u = ({ children: t, className: n, withBaseStyles: r = !0, ...i }) => {
	let s;
	return r ? s = e(a, n) : n != null && (s = n), /* @__PURE__ */ o("div", {
		...i,
		className: s,
		children: t
	});
};
//#endregion
export { l as DetailPage, l as default, u as DetailPageContent };

//# sourceMappingURL=DetailPage.js.map