Dropdown Menu

1"use client"
2 
3import * as React from "react"
4import {
5  DropdownMenu as BaseDropdownMenu,
6  DropdownMenuContent as BaseDropdownMenuContent,
7  DropdownMenuItem,
8  DropdownMenuLabel,
9  DropdownMenuSeparator,
10  DropdownMenuTrigger,
11} from "@/components/ui/dropdown-menu"
12import { cn } from "@/lib/utils"
13 
14export interface DropdownMenuContentProps extends React.ComponentProps<typeof BaseDropdownMenuContent> {
15  glow?: boolean
16}
17 
18/**
19 * Glass UI Dropdown Menu - Enhanced dropdown menu with glassy effects
20 */
21export const DropdownMenuContent = React.forwardRef<
22  React.ElementRef<typeof BaseDropdownMenuContent>,
23  DropdownMenuContentProps
24>(({ className, variant = "glass", glow = false, ...props }, ref) => {
25  return (
26    <BaseDropdownMenuContent
27      ref={ref}
28      variant={variant}
29      className={cn(
30        glow && "shadow-lg shadow-purple-500/30",
31        className
32      )}
33      {...props}
34    />
35  )
36})
37DropdownMenuContent.displayName = "DropdownMenuContent"
38 
39export {
40  BaseDropdownMenu as DropdownMenu,
41  DropdownMenuTrigger,
42  DropdownMenuItem,
43  DropdownMenuLabel,
44  DropdownMenuSeparator,
45}
46