Dropdown

import { Dropdown } from "@/components/dropdown"
import { User, Settings, LogOut } from 'lucide-react'

export default function MyComponent() {
  return (
    <Dropdown
      trigger={<button>User Menu</button>}
      items={[
        { 
          label: "Profile", 
          icon: <User className="h-4 w-4" />, 
          onClick: () => console.log("Profile clicked") 
        },
        { 
          label: "Settings", 
          icon: <Settings className="h-4 w-4" />, 
          onClick: () => console.log("Settings clicked") 
        },
        { 
          label: "Logout", 
          icon: <LogOut className="h-4 w-4" />, 
          onClick: () => console.log("Logout clicked") 
        },
      ]}
    />
  )
}