import React from "react";
import { PortalProps } from "../Portal";
export interface ModalProps extends React.HTMLAttributes<HTMLDivElement>, Pick<PortalProps, "disablePortal"> {
    /**
     * ModalのModalHeaderの右側のXボタンを押すと発火します。
     *
     * このPropを指定しない場合、ModalHeaderの右側のXボタンは表示されません。
     *
     */
    onClose?: () => void;
    /**
     * falseを指定した場合、Modalは表示されません。
     *
     * @default true
     */
    open?: boolean;
    /**
     * Modalの外側をクリックした場合、発火します。
     */
    onClickOutside?: (event: MouseEvent | TouchEvent) => void;
    /**
     * 全画面表示モードになります。
     */
    backdrop?: boolean;
    /**
     * Modal上部に指定された要素を挿入します。
     */
    header?: React.JSX.Element;
    /**
     * Modalに指定された要素を挿入します。
     */
    body?: React.JSX.Element;
    /**
     * Modal下部に指定された要素を挿入します。
     */
    footer?: React.JSX.Element;
    /**
     * Modalの幅を固定にしたい場合に指定します。
     * maxWidthを超えられない点には注意してください。
     * @deprecated 代わりにsizeを利用してください。
     * @default undefined
     */
    width?: string | number;
    /**
     * Modalの最大幅を指定します。
     * @deprecated 代わりにsizeを利用してください。
     */
    maxWidth?: string | number;
    /**
     * Modalの大きさを指定します。
     *
     * - sm: width: 100%; max-width: 400px;
     * - md: width: 100%; max-width: 500px;
     * - lg: width: 100%; min-width: 800px;
     *
     * widthやmaxWidthが指定されている場合、そちらが優先されます。
     * @default "md"
     */
    size?: "sm" | "md" | "lg";
}
export declare const Modal: (props: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;