import "./drawer.scss";
import type { ReactNode } from "react";
import { TrackingMetadata } from "../../components/core/providers/analytics/use-analytics";
export type DrawerProps = {
    className?: string;
    children: ReactNode;
    isOpen: boolean;
    onOpen?: () => void;
    onAfterOpen?: () => void;
    onClose: () => void;
    /** Called after drawer closing animation has ended. Use this for
     * any cleanup that would affect the content displayed in the drawer.
     */
    onAfterClosed?: () => void;
    /** Shows a simple footer with a single "Close" button. */
    showCloseFooter?: boolean;
    /** Prevent drawer from closing on ESC or background click. */
    disableCloseOnBlur?: boolean;
    title: string;
    trackingMetadata?: TrackingMetadata;
};
/**
 * Drawer is a side-panel that slides in/out from the right.
 * It has a title section at top and displays children below.
 *
 * `Drawer.Body` & `Drawer.Footer` can be used as children to create
 * a scrollable body section with a fixed footer.
 */
export declare function Drawer({ isOpen, onClose, onAfterClosed, onOpen, onAfterOpen, children, className, showCloseFooter, title, disableCloseOnBlur, }: DrawerProps): JSX.Element;
export declare namespace Drawer {
    var Body: ({ children }: {
        children: ReactNode;
    }) => JSX.Element;
    var Footer: ({ children }: {
        children: ReactNode;
    }) => JSX.Element;
    var CloseButton: ({ label, onClose }: {
        label: string;
        onClose: () => void;
    }) => JSX.Element;
}
//# sourceMappingURL=drawer.d.ts.map