import { default as React } from 'react';

export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
export interface DrawerProps {
    isOpen: boolean;
    onClose: () => void;
    /** Which side the drawer slides in from. Default: 'left' */
    position?: DrawerPosition;
    /** Panel width passed as a CSS value. Default: '375px' */
    width?: string;
    /** Panel height for position="top"|"bottom". Overrides width when set. */
    height?: string;
    /** Optional header slot — rendered above the scrollable body with a bottom border */
    header?: React.ReactNode;
    /** Optional footer slot — rendered below the scrollable body with a top border */
    footer?: React.ReactNode;
    children: React.ReactNode;
    /** Show semi-transparent scrim behind the panel. Default: true */
    overlay?: boolean;
    /** Expand the panel to full viewport on mobile (below tablet breakpoint). Default: false */
    fullScreenOnMobile?: boolean;
    /** Allow vertical scrolling in the body. Default: true */
    scrollable?: boolean;
    className?: string;
    /** Optional class applied to the body wrapper (e.g. to override its overflow behavior) */
    bodyClassName?: string;
    'aria-label'?: string;
}
export declare function Drawer({ isOpen, onClose, position, width, height, header, footer, children, overlay, fullScreenOnMobile, scrollable, className, bodyClassName, 'aria-label': ariaLabel, }: DrawerProps): React.ReactPortal | null;
//# sourceMappingURL=Drawer.d.ts.map