import { default as React } from 'react';
export interface DrawerProps {
    /** Scrollable contents of the Drawer */
    children: React.ReactNode | ((args: {
        isVisible: boolean;
    }) => React.ReactNode);
    /** Controls open/close state of the modal. Use the `onUserDismiss` callback to update. */
    isOpen?: boolean;
    /**
     * Callback to handle user taking an action to dismiss the modal
     * (click outside, Escape key, click close button)
     */
    onUserDismiss?: () => void;
    /**
     * Callback to handle user taking an action to go to the next element
     * (click on the next arrow, right/down arrow key).
     * When omitted, the next arrow renders disabled.
     */
    onNext?: () => void;
    /**
     * Callback to handle user taking an action to go to the previous element
     * (click on the previous arrow, left/up arrow key).
     * When omitted, the previous arrow renders disabled.
     */
    onPrev?: () => void;
    /**
     * Sets how far the drawer opens out (width or height).
     * Use the full CSS value with the percentage (e.g. `"400px"` or `"70%"`)
     */
    depth?: string;
    /**
     * Determines whether the close button shows.
     */
    showClose?: boolean;
    /**
     * Determines whether the next and prev buttons show.
     */
    showControls?: boolean;
    /**
     * Sets the position from which the drawers open.
     * Valid values are `right`, `left`, `bottom`, `top`.
     */
    position?: "right" | "left" | "top" | "bottom";
    /**
     * Sets the padding amount, or disable padding by passing "none"
     */
    paddingSize?: "none" | "xs" | "s" | "m" | "l" | "xl" | "xxl";
    /** Contents of Drawer footer, typically reserved for action buttons */
    footer?: React.ReactNode;
    /** Optional value for `data-testid` attribute */
    testId?: string;
}
/**
 * Renders an animated drawer dialog with an overlay that
 * allows navigation between multiple contents
 *
 * This component uses a `ReactDOM` portal to render it as a direct
 * child of `document.body`.
 */
declare const Drawer: ({ isOpen, onUserDismiss, onNext, onPrev, showClose, showControls, children, position, depth, paddingSize, footer, testId, }: DrawerProps) => React.JSX.Element;
export default Drawer;
//# sourceMappingURL=index.d.ts.map