"use client" import * as React from "react" import { XIcon } from "lucide-react" import { Dialog as SheetPrimitive } from "radix-ui" import { cn } from "../../lib/utils" function Sheet({ ...props }: React.ComponentProps) { return } function SheetTrigger({ ...props }: React.ComponentProps) { return } function SheetClose({ ...props }: React.ComponentProps) { return } function SheetPortal({ ...props }: React.ComponentProps) { return } function SheetOverlay({ className, ...props }: React.ComponentProps) { return ( , nothing in the sheet is clickable. "fixed inset-0 z-[70] bg-black/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className )} {...props} /> ) } function SheetContent({ className, children, side = "right", showCloseButton = true, ...props }: React.ComponentProps & { side?: "top" | "right" | "bottom" | "left" showCloseButton?: boolean }) { return ( {children} {showCloseButton && ( Close )} ) } function SheetHeader({ className, ...props }: React.ComponentProps<"div">) { return (

) } function SheetFooter({ className, ...props }: React.ComponentProps<"div">) { return (

) } function SheetTitle({ className, ...props }: React.ComponentProps) { return ( ) } function SheetDescription({ className, ...props }: React.ComponentProps) { return ( ) } export { Sheet, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription, }