21 lines
687 B
TypeScript
21 lines
687 B
TypeScript
'use client';
|
|
|
|
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 = 'start', sideOffset = 8, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>) {
|
|
return (
|
|
<PopoverPrimitive.Portal>
|
|
<PopoverPrimitive.Content
|
|
align={align}
|
|
sideOffset={sideOffset}
|
|
className={cn('z-50 w-72 rounded-2xl border border-[#eceef4] bg-white p-2 text-[#111827] shadow-xl outline-none', className)}
|
|
{...props}
|
|
/>
|
|
</PopoverPrimitive.Portal>
|
|
);
|
|
}
|