"use client"; import * as SheetPrimitive from "@radix-ui/react-dialog"; import type * as React from "react"; import { buttonVariants } from "@/components/registry/primitives/core/button"; import { ThemeIcon } from "@/components/registry/primitives/core/theme-icon"; import { cn } from "@/lib/registry/cn"; 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 ( ); } function SheetContent({ className, children, side = "end", ...props }: React.ComponentProps & { side?: "top" | "bottom" | "start" | "end"; }) { return ( {children} 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, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, };

Sheet

Showcase

Sheet