import { Dropdown } from '@wire-ui/react'

export const UserMenu = () => {
  const handleSelect = (action: string) => {
    console.log('selected:', action)
  }

  return (
    <Dropdown.Root>
      <Dropdown.Trigger>Open Menu</Dropdown.Trigger>
      <Dropdown.Menu>
        <div onClick={() => handleSelect('profile')}>Profile</div>
        <div onClick={() => handleSelect('settings')}>Settings</div>
        <div onClick={() => handleSelect('signout')}>Sign out</div>
      </Dropdown.Menu>
    </Dropdown.Root>
  )
}