Drawer

1"use client"
2 
3import * as React from "react"
4import {
5  Drawer as BaseDrawer,
6  DrawerClose,
7  DrawerContent as BaseDrawerContent,
8  DrawerDescription,
9  DrawerFooter,
10  DrawerHeader,
11  DrawerOverlay,
12  DrawerPortal,
13  DrawerTitle,
14  DrawerTrigger,
15} from "@/components/ui/drawer"
16import { cn } from "@/lib/utils"
17 
18export interface DrawerContentProps extends React.ComponentProps<typeof BaseDrawerContent> {
19  glow?: boolean
20}
21 
22/**
23 * Glass UI Drawer - Enhanced drawer with glassy effects
24 */
25export const DrawerContent = React.forwardRef<
26  React.ElementRef<typeof BaseDrawerContent>,
27  DrawerContentProps
28>(({ className, variant = "glass", glow = false, ...props }, ref) => {
29  return (
30    <BaseDrawerContent
31      ref={ref}
32      variant={variant}
33      className={cn(
34        glow && "shadow-lg shadow-purple-500/20",
35        className
36      )}
37      {...props}
38    />
39  )
40})
41DrawerContent.displayName = "DrawerContent"
42 
43export {
44  BaseDrawer as Drawer,
45  DrawerPortal,
46  DrawerOverlay,
47  DrawerTrigger,
48  DrawerClose,
49  DrawerHeader,
50  DrawerFooter,
51  DrawerTitle,
52  DrawerDescription,
53}
54