import React, { ReactNode, CSSProperties } from 'react';
export declare const PlacementTypes: ["top", "right", "bottom", "left"];
export declare type PlacementType = typeof PlacementTypes[number];
declare type CSSSelector = string;
/**
 * TODO:
 * 多层抽屉的实现方式无法确定（需求不明确，没有现行的业务场景）: 思考的两种方式:
 * 1. context嵌套，采用ant-design的context嵌套来实现，需要一个ref存父级Drawer（存疑, 但应该也可以）
 * 2. 状态存储，全局Map记录，如果不想记录可以用props来绕过，需要ref记录当前显示的次序（数组下标）
 */
export interface IDrawerProps {
    className?: string;
    closable?: boolean;
    closeIcon?: ReactNode;
    children?: ReactNode;
    destroyOnClose?: boolean;
    footer?: ReactNode;
    footerClassName?: string;
    footerStyle?: CSSProperties;
    forceRender?: boolean;
    getContainer?: (() => Element | CSSSelector | false | null) | Element | false;
    headerStyle?: CSSProperties;
    headerClassName?: string;
    keyboard?: boolean;
    mask?: boolean;
    maskClassName?: string;
    maskClosable?: boolean;
    maskStyle?: CSSProperties;
    onClose?: () => void;
    placement?: PlacementType;
    prefixCls?: string;
    title?: ReactNode;
    titleClassName?: string;
    titleStyle?: CSSProperties;
    visible?: boolean;
    width?: string | number;
    height?: string | number;
    zIndex?: string | number;
    disableScroll?: boolean;
}
declare const Drawer: React.ForwardRefExoticComponent<IDrawerProps & React.RefAttributes<unknown>>;
export default Drawer;