import { cx as e } from "../../../theme/tools.js";
import { content as t, nav as n, navCollapsed as r, sidebar as i, sidebarTheme as a, sidebarWidthRecipe as o } from "./sidebar.css.js";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
//#region src/atomic/organisms/sidebar/SidebarContainer.tsx
var l = ({ children: l, headerSlot: u, footerSlot: d, hideHeader: f = !1, isCollapsed: p = !1 }) => {
	let m = null;
	p || (m = u);
	let h = !f && m != null, g = "expanded";
	return p && (g = "collapsed"), /* @__PURE__ */ c("aside", {
		className: e(i, a, o({ state: g })),
		children: [/* @__PURE__ */ c("div", {
			className: t,
			children: [h && /* @__PURE__ */ s("div", {
				className: "_1cyd4aw7 txvbqbfpn txvbqb19uf txvbqblsu txvbqbhdl txvbqbp6j",
				children: m
			}), /* @__PURE__ */ s("nav", {
				className: e(n, { [r]: p }),
				children: l
			})]
		}), d != null && /* @__PURE__ */ s("div", {
			className: e("_1cyd4awa txvbqbrzn", { "_1cyd4awb txvbqbfpn txvbqbls4": p }),
			children: d
		})]
	});
};
//#endregion
export { l as SidebarContainer };

//# sourceMappingURL=SidebarContainer.js.map