import { HTMLAttributes } from 'react';
import { Position } from '../common';
export type DrawerProps = {
    /** The content to appear in the drawer body. */
    children?: React.ReactNode;
    className?: string;
    /** The content to appear in the drawer footer. */
    footerContent?: React.ReactNode;
    /** The content to appear in the drawer header. */
    headerTitle?: React.ReactNode;
    /** The status of Drawer either open or not. */
    open?: boolean;
    /** The placement of Drawer on the screen either left or right. On mobile it will default to bottom. */
    position?: `${Position.LEFT | Position.RIGHT | Position.BOTTOM}`;
    /** The action to perform on close click. */
    onClose?: (event: KeyboardEvent | React.MouseEvent) => void;
    onUnmount?: () => void;
} & Pick<HTMLAttributes<HTMLDivElement>, 'role' | 'aria-labelledby'>;
export default function Drawer({ children, className, footerContent, headerTitle, onClose, onUnmount, open, position, role, 'aria-labelledby': ariaLabelledBy, }: DrawerProps): import("react").JSX.Element;
//# sourceMappingURL=Drawer.d.ts.map