import * as React from "react" import { Dialog } from "radix-ui" import { cn } from "@/lib/utils" import { X } from "lucide-react" function DrawerOverlay({ className, ...props }: React.ComponentProps) { return ( ) } const DrawerContent = React.forwardRef< React.ComponentRef, React.ComponentProps >(({ className, children, ...props }, ref) => (

{children} Close )) DrawerContent.displayName = "DrawerContent" function DrawerHeader({ className, ...props }: React.HTMLAttributes) { return (

) } function DrawerFooter({ className, ...props }: React.HTMLAttributes) { return (

) } function DrawerTitle({ className, ...props }: React.ComponentProps) { return ( ) } function DrawerDescription({ className, ...props }: React.ComponentProps) { return ( ) } DrawerTitle.displayName = "DrawerTitle" DrawerDescription.displayName = "DrawerDescription" const DrawerRoot = Dialog.Root const DrawerTrigger = Dialog.Trigger const DrawerClose = Dialog.Close const DrawerPortal = Dialog.Portal export { DrawerRoot, DrawerTrigger, DrawerClose, DrawerPortal, DrawerOverlay, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, }