import React from 'react';
import { CSSValueWithLength } from '../../styles';
export type DrawerDirection = 'left' | 'right';
export interface DrawerProps {
    className?: string;
    /** @default 'right' */
    direction?: DrawerDirection;
    /** @default getZIndex('drawer') */
    zIndex?: number;
    /** @default 280 */
    width?: CSSValueWithLength;
    opened?: boolean;
    /**
     * outside 영역 클릭시 닫힘 사용 여부
     * @default true
     */
    canClickOutside?: boolean;
    /**
     * escapeKey 키이벤트 닫힘 사용 여부
     * @default true
     */
    canCloseEscapeKey?: boolean;
    /**
     * main app node 바깥영역으로 생성할지 여부
     * @default false
     */
    noUsePortal?: boolean;
    /**
     * 오버레이가 렌더링되는 동안 스크롤 금지 여부
     * @default true
     */
    lockScroll?: boolean;
    /**
     * Drawer 닫힐 때 애니메이션 사용 여부
     * @default true
     */
    animationOnClose?: boolean;
    onClose?: () => void;
}
export declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & {
    children?: React.ReactNode;
} & React.RefAttributes<HTMLDivElement>>;