"use client";
import { Button as e } from "../ui/buttons/Button.js";
import { Avatar as t } from "../ui/Avatar.js";
import { Dropdown as n } from "../ui/Dropdown.js";
import { SidebarLayout as r } from "../ui/SidebarLayout.js";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region lib/examples/sidebar-layout-demo.tsx
var o = [
	{
		label: "Home",
		icon: "Home",
		href: "#"
	},
	{
		label: "Projects",
		icon: "HeartOutlined",
		items: [
			{
				label: "Project A",
				href: "#"
			},
			{
				label: "Project B",
				href: "#"
			},
			{
				label: "Project C",
				href: "#"
			}
		]
	},
	{
		label: "Team",
		icon: "PeopleDouble",
		href: "#"
	}
];
function s() {
	let s = {
		firstName: "John",
		lastName: "Doe"
	};
	return /* @__PURE__ */ a(r, {
		items: o,
		children: [
			/* @__PURE__ */ i("div", {
				"data-slot": "header-logo",
				className: "text-white text-b3 font-semibold",
				children: "CM"
			}),
			/* @__PURE__ */ i("div", {
				"data-slot": "header",
				className: "text-white text-h6",
				children: "Project Dashboard"
			}),
			/* @__PURE__ */ a(n, {
				"data-slot": "header-actions",
				"aria-label": "Open user actions",
				children: [
					/* @__PURE__ */ a("span", {
						"data-slot": "label",
						className: "hidden md:inline text-body",
						children: [
							s.firstName,
							" ",
							s.lastName
						]
					}),
					/* @__PURE__ */ i(t, {
						"data-slot": "label",
						alt: `${s.firstName} ${s.lastName}`,
						className: "w-40 h-40",
						style: {
							width: "40px",
							height: "40px"
						}
					}),
					/* @__PURE__ */ i(e, {
						size: "small",
						children: "Logout"
					})
				]
			}),
			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("h1", {
				className: "text-h3 mb-16",
				children: "Welcome to your dashboard"
			}), /* @__PURE__ */ i("p", {
				className: "text-body",
				children: "This example shows SidebarLayout with composable header slots."
			})] })
		]
	});
}
//#endregion
export { s as default };

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