Sheet

1"use client"
2 
3import * as React from "react"
4import {
5  Sheet as BaseSheet,
6  SheetClose,
7  SheetContent as BaseSheetContent,
8  SheetDescription,
9  SheetFooter,
10  SheetHeader,
11  SheetOverlay,
12  SheetPortal,
13  SheetTitle,
14  SheetTrigger,
15} from "@/components/ui/sheet"
16import { cn } from "@/lib/utils"
17 
18export interface SheetContentProps extends React.ComponentProps<typeof BaseSheetContent> {
19  glow?: boolean
20}
21 
22/**
23 * Glass UI Sheet - Enhanced sheet with glassy effects
24 */
25export const SheetContent = React.forwardRef<
26  React.ElementRef<typeof BaseSheetContent>,
27  SheetContentProps
28>(({ className, variant = "glass", glow = false, ...props }, ref) => {
29  return (
30    <BaseSheetContent
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})
41SheetContent.displayName = "SheetContent"
42 
43export {
44  BaseSheet as Sheet,
45  SheetPortal,
46  SheetOverlay,
47  SheetTrigger,
48  SheetClose,
49  SheetHeader,
50  SheetFooter,
51  SheetTitle,
52  SheetDescription,
53}
54