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

//# sourceMappingURL=SidebarContainer.js.map