import { CSSProperties } from 'react';
import { BaseDialog, DialogProps } from '@befe/brick-comp-dialog';
type PropsFromDialog = Pick<DialogProps, 'className' | 'visible' | 'destroyOnHide' | 'disablePortal' | 'portalContainer' | 'size' | 'headline' | 'confirmLabel' | 'cancelLabel' | 'actions' | 'maskCancel' | 'actionsAlign' | 'onConfirm' | 'onCancel' | 'withCloseX' | 'withCancel'>;
export declare const DRAWER_WIDTH_SIZES: readonly ["sm", "md", "lg"];
export declare const DRAWER_HEIGHT_SIZES: readonly ["sm", "md"];
export declare const DRAWER_PLACEMENTS: readonly ["top", "right", "bottom", "left"];
export interface DrawerProps extends PropsFromDialog {
    /**
     * 抽屉是否有遮罩
     * 控制页面是否可以操作, 无遮罩时候才可以操作
     */
    mask?: boolean;
    /**
     * 抽屉有 mask 遮罩时候, 是否透明
     */
    maskTransparent?: boolean;
    /**
     * 抽屉的方向
     */
    placement?: (typeof DRAWER_PLACEMENTS)[number];
    /**
     * 抽屉宽度
     * `placement` 为 `left` 或 `right` 时有效
     */
    width?: (typeof DRAWER_WIDTH_SIZES)[number] | number;
    /**
     * 抽屉高度
     * 在 `placement` 为 `top` 或 `bottom` 时有效
     */
    height?: (typeof DRAWER_HEIGHT_SIZES)[number] | number;
}
interface DrawerState {
    visible: boolean;
    showDrawer: boolean;
}
export declare class Drawer extends BaseDialog<DrawerProps> {
    static displayName: string;
    static defaultProps: DrawerProps;
    static getDerivedStateFromProps(nextProps: DialogProps): {
        visible: true;
    } | null;
    state: {
        visible: boolean;
        showDrawer: boolean;
    };
    get width(): number | "sm" | "md" | "lg" | undefined;
    get height(): number | "sm" | "md" | undefined;
    get wrapStyle(): CSSProperties;
    handleTransitionEnd: () => void;
    getClassName(): string;
    getModalProps(): {
        visible: boolean;
        withMaskEffect: boolean | undefined;
        onTransitionEnd: () => void;
        className: string;
        destroyOnHide?: boolean | undefined;
        disablePortal?: boolean | undefined;
        portalContainer?: HTMLElement | (() => HTMLElement | null) | null | undefined;
        onClickMask: ((e: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void | Promise<unknown> | undefined) | undefined;
        children?: import("react").ReactNode;
        placement?: "top" | "right" | "bottom" | "left" | undefined;
        height?: number | "sm" | "md" | undefined;
    };
    slide(prevState?: DrawerState): void;
    renderActions(): import("react").ReactNode;
    componentDidMount(): void;
    componentDidUpdate(prevState: DrawerState): void;
    render(): import("react/jsx-runtime").JSX.Element;
}
export {};