import { ReactNode } from 'react';
import { OverlayBaseProps } from '../overlayBase/index.js';
import { DivProps, ResponsiveProp, SlotsAndProps } from '../../types.js';
import { TransitionBaseProps } from '../transitionBase/index.js';
export interface DrawerProps extends Omit<OverlayBaseProps, 'title'>, SlotsAndProps<{
    scroller: DivProps;
}> {
    title?: ReactNode;
    footer?: ReactNode;
    showClose?: ReactNode;
    size?: ResponsiveProp<string | number>;
    placement?: 'left' | 'right' | 'top' | 'bottom';
    /** 是否可通过点击遮罩层关闭对话框，默认为`true` */
    maskClosable?: boolean;
    /** 是否可通过键盘的【ESC】键关闭对话框，默认为`true` */
    escapeClosable?: boolean;
    defaultOpen?: boolean;
    onClose?(reason: DrawerCloseReason): void;
    slideProps?: TransitionBaseProps<HTMLDivElement>;
    onScrollToTop?(): void;
    /** 距离底部`toBottomThreshold`像素即提前触发{@link onScrollToBottom}，默认为`5` */
    toBottomThreshold?: number;
    onScrollToBottom?(): void;
}
export type DrawerCloseReason = 'escape' | 'closed' | 'maskClicked';
export declare function Drawer({ slots, slotProps, title, footer, showClose, size, placement, maskClosable, escapeClosable, defaultOpen, open, onClose, slideProps, onScrollToTop, toBottomThreshold, onScrollToBottom, ...props }: DrawerProps): import("@emotion/react/jsx-runtime").JSX.Element;