"use client";
import { SidebarLayout as e } from "../ui/SidebarLayout.js";
import { jsx as t, jsxs as n } from "react/jsx-runtime";
//#region lib/examples/sidebar-layout-with-header-demo.tsx
var r = [{
	label: "Dashboard",
	icon: "Home",
	href: "#"
}, {
	label: "Analytics",
	icon: "CheckOutlined",
	href: "#"
}];
function i() {
	return /* @__PURE__ */ n(e, {
		items: r,
		children: [
			/* @__PURE__ */ t("div", {
				"data-slot": "header-logo",
				className: "text-white text-b3 font-semibold",
				children: "CM"
			}),
			/* @__PURE__ */ t("div", {
				"data-slot": "header",
				className: "text-white text-h6",
				children: "Project Dashboard"
			}),
			/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h1", {
				className: "text-h3 mb-16",
				children: "Custom header example"
			}), /* @__PURE__ */ t("p", {
				className: "text-body",
				children: "This layout demonstrates custom `header-logo` and `header` slots."
			})] })
		]
	});
}
//#endregion
export { i as default };

//# sourceMappingURL=sidebar-layout-with-header-demo.js.map