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を超えられない点には注意してください。
     * @default undefined
     */
    width?: string | number;
    /**
     * Modalの最大幅を指定します。
     * @default 500
     */
    maxWidth?: string | number;
}
export declare const Modal: (props: ModalProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;