import * as React from "react";
import { Button } from "@/components/ui/button";
import { Dialog } from "@/components/ui/dialog";
export type DrawerSide = "left" | "right" | "top" | "bottom";
export type DrawerWidth = "sm" | "md" | "lg" | "xl" | "full";
export type DrawerDensity = "compact" | "default" | "comfortable";
export type DrawerProps = Omit<React.ComponentProps<typeof Dialog>, "children"> & {
    trigger?: React.ReactNode;
    title?: React.ReactNode;
    description?: React.ReactNode;
    side?: DrawerSide;
    width?: DrawerWidth;
    density?: DrawerDensity;
    footer?: React.ReactNode;
    headerClassName?: string;
    bodyClassName?: string;
    footerClassName?: string;
    contentClassName?: string;
    showCloseButton?: boolean;
    children?: React.ReactNode;
};
declare function Drawer({ trigger, title, description, side, width, density, footer, headerClassName, bodyClassName, footerClassName, contentClassName, showCloseButton, children, ...props }: DrawerProps): React.JSX.Element;
declare function DrawerCloseButton({ children, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
export { Drawer, DrawerCloseButton };