import { default as React } from 'react';
import { HeadingLevel } from '../typography';
export interface DrawerOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
    onClose?: () => void;
}
export declare function DrawerOverlay({ className, onClose, ...props }: DrawerOverlayProps): React.JSX.Element;
export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
    isOpen: boolean;
    onClose: () => void;
    children: React.ReactNode;
    side?: 'left' | 'right';
}
export declare function Drawer({ isOpen, onClose, children, className, side, ...props }: DrawerProps): React.ReactPortal | null;
export type DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;
export declare function DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element;
export interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
    level?: HeadingLevel;
}
export declare function DrawerTitle({ level, ...props }: DrawerTitleProps): React.JSX.Element;
export type DrawerContentProps = React.HTMLAttributes<HTMLDivElement>;
export declare function DrawerContent({ className, ...props }: DrawerContentProps): React.JSX.Element;
export type DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;
export declare function DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element;