Popover

1"use client"
2 
3import * as React from "react"
4import {
5  Popover as BasePopover,
6  PopoverContent as BasePopoverContent,
7  PopoverTrigger,
8} from "@/components/ui/popover"
9import { cn } from "@/lib/utils"
10 
11export interface PopoverContentProps extends React.ComponentProps<typeof BasePopoverContent> {
12  glow?: boolean
13}
14 
15/**
16 * Glass UI Popover - Enhanced popover with glassy effects
17 */
18export const PopoverContent = React.forwardRef<
19  React.ElementRef<typeof BasePopoverContent>,
20  PopoverContentProps
21>(({ className, variant = "glass", glow = false, ...props }, ref) => {
22  return (
23    <BasePopoverContent
24      ref={ref}
25      variant={variant}
26      className={cn(
27        glow && "shadow-lg shadow-purple-500/30",
28        className
29      )}
30      {...props}
31    />
32  )
33})
34PopoverContent.displayName = "PopoverContent"
35 
36export {
37  BasePopover as Popover,
38  PopoverTrigger,
39}
40