import { BellIcon } from 'lucide-react'

import {
  Popover,
  PopoverContent,
  PopoverTrigger
} from '@repo/ui/components/ui/popover'
import { Button } from '@repo/ui/components/ui/button'

export function Notification() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button
          variant="link"
          size="icon"
          className="cursor-pointer text-muted-foreground"
        >
          <BellIcon className="size-4 text-muted-foreground" />
        </Button>
      </PopoverTrigger>
      <PopoverContent align="end" className="w-80">
        <>Notificações</>
      </PopoverContent>
    </Popover>
  )
}