28 lines
644 B
TypeScript
28 lines
644 B
TypeScript
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>
|
|
)
|
|
}
|