"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 { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region lib/examples/dropdown-demo.tsx
function a() {
	let a = {
		firstName: "John",
		lastName: "Doe"
	};
	return /* @__PURE__ */ i(n, {
		"aria-label": "Open user actions",
		children: [
			/* @__PURE__ */ i("span", {
				"data-slot": "label",
				className: "hidden md:inline text-body",
				children: [
					a.firstName,
					" ",
					a.lastName
				]
			}),
			/* @__PURE__ */ r(t, {
				"data-slot": "label",
				alt: `${a.firstName} ${a.lastName}`,
				className: "w-40 h-40 cursor-pointer hover:opacity-80 transition-opacity",
				style: {
					width: "40px",
					height: "40px"
				}
			}),
			/* @__PURE__ */ r("a", {
				href: "/account",
				className: "text-b3 font-semibold",
				children: "Account"
			}),
			/* @__PURE__ */ r(e, {
				"data-dropdown-item": "",
				children: "Logout"
			})
		]
	});
}
//#endregion
export { a as default };

//# sourceMappingURL=dropdown-demo.js.map