import { t as e } from "../../utils-B7XIe3qq.js";
import "react";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region src/react/layout/app-shell.tsx
function r({ sidebar: r, header: i, metrics: a, children: o, className: s, contentClassName: c, ...l }) {
	return /* @__PURE__ */ n("div", {
		className: e("cmm-app-shell", s),
		...l,
		children: [r === void 0 ? null : /* @__PURE__ */ t("aside", {
			className: "cmm-app-shell__sidebar",
			children: r
		}), /* @__PURE__ */ n("div", {
			className: "cmm-app-shell__main",
			children: [i, /* @__PURE__ */ n("main", {
				className: e("cmm-app-shell__content", c),
				children: [a === void 0 ? null : /* @__PURE__ */ t("div", {
					className: "cmm-app-shell__metric-strip",
					children: a
				}), o]
			})]
		})]
	});
}
//#endregion
export { r as AppShell };

//# sourceMappingURL=app-shell.js.map