import * as PopoverPrimitive from '@radix-ui/react-popover'
import { cn } from '@/lib/utils'
export const Popover = PopoverPrimitive.Root
export const PopoverTrigger = PopoverPrimitive.Trigger
export function PopoverContent({ className, align = 'center', sideOffset = 6, ...props }: PopoverPrimitive.PopoverContentProps) { return <PopoverPrimitive.Portal><PopoverPrimitive.Content align={align} sideOffset={sideOffset} className={cn('z-50 w-64 rounded-lg border bg-popover p-3 text-popover-foreground shadow-lg outline-none', className)} {...props}/></PopoverPrimitive.Portal> }