import { ReactNode } from 'react';
import { SpaceProps } from '../../styles';
export type BottomSheetContentWithCloseAction = (action: {
    close(): void;
}) => ReactNode;
export interface BottomSheetContentProps extends SpaceProps {
    maxHeight?: number;
}
export interface BottomSheetProps {
    /** @default false */
    noUsePortal?: boolean;
    className?: string;
    opened?: boolean;
    /** @default getZIndex('bottomSheet') */
    zIndex?: number;
    title?: ReactNode;
    subTitle?: ReactNode;
    children?: ReactNode | BottomSheetContentWithCloseAction;
    contentProps?: BottomSheetContentProps;
    /**
     * outside 영역 클릭시 닫힘 사용 여부
     * @default true
     */
    canClickOutside?: boolean;
    /**
     * escapeKey 키이벤트 닫힘 사용 여부
     * @default true
     */
    canCloseEscapeKey?: boolean;
    /**
     * 드래그 닫힘 사용 여부
     * @default true
     */
    canDragClose?: boolean;
    onClose?: () => void;
}
export declare const MIN_BOTTOM_SHEET_Y = 44;
export declare const HANDLE_AREA_HEIGHT = 28;
export declare const BottomSheet: (props: BottomSheetProps) => import("@emotion/react/jsx-runtime").JSX.Element;