"use client"

import { LayoutDashboardIcon, LogOutIcon, SettingsIcon } from "lucide-react"
import { UserMenu } from "@/registry/ui/user-menu"

export default function UserMenuDemo() {
  return (
    <div className="flex items-center justify-center">
      <UserMenu
        name="Ada Lovelace"
        email="ada@example.com"
        items={[
          {
            label: "Dashboard",
            href: "#",
            icon: <LayoutDashboardIcon />,
          },
          {
            label: "Settings",
            href: "#",
            icon: <SettingsIcon />,
          },
          {
            label: "Sign out",
            variant: "destructive",
            icon: <LogOutIcon />,
            onSelect: () => console.log("sign out"),
          },
        ]}
      />
    </div>
  )
}