"use client";
import { cn } from "@/lib/utils";
interface DrawerProps {
open: boolean;
onClose: () => void;
title: string;
description?: string;
children: React.ReactNode;
footer?: React.ReactNode;
size?: "sm" | "md" | "lg" | "xl" | "full";
className?: string;
}
export function Drawer({
open,
onClose,
title,
description,
children,
footer,
size = "md",
className,
}: DrawerProps) {
return (
<>
{open && }
{title}
{description && {description}}
{children}
{footer &&
{footer}}
);
}
function DrawerOverlay({ onClick }: { onClick: () => void }) {
return ;
}
function DrawerClose({ onClick, className, children }: { onClick: () => void; className?: string; children?: React.ReactNode }) {
return (
);
}
function DrawerHeader({ children, className }: { children: React.ReactNode; className?: string }) {
return {children}
;
}
function DrawerTitle({ children, className }: { children: React.ReactNode; className?: string }) {
return {children}
;
}
function DrawerDescription({ children, className }: { children: React.ReactNode; className?: string }) {
return {children}
;
}
function DrawerBody({ children, className }: { children: React.ReactNode; className?: string }) {
return {children}
;
}
function DrawerFooter({ children, className }: { children: React.ReactNode; className?: string }) {
return {children}
;
}