import { cx as e } from "../../../theme/tools.js";
import { container as t, header as n, layout as r, primary as i, secondary as a, stacked as o } from "./backofficeDetailLayout.css.js";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
//#region src/backoffice/molecules/backoffice_detail_layout/BackofficeDetailLayout.tsx
var l = ({ header: l, content: u, aside: d, className: f }) => {
	let p = null;
	return l != null && (p = /* @__PURE__ */ s("div", {
		className: n,
		children: l
	})), d == null ? /* @__PURE__ */ c("div", {
		className: e(t, f),
		children: [p, /* @__PURE__ */ s("div", {
			className: o,
			children: u
		})]
	}) : /* @__PURE__ */ c("div", {
		className: e(t, f),
		children: [p, /* @__PURE__ */ c("div", {
			className: r,
			children: [/* @__PURE__ */ s("div", {
				className: i,
				children: u
			}), /* @__PURE__ */ s("aside", {
				className: a,
				children: d
			})]
		})]
	});
};
//#endregion
export { l as BackofficeDetailLayout, l as default };

//# sourceMappingURL=BackofficeDetailLayout.js.map