/// <reference types="react" />
import { ModalProps as MuiModalProps } from "@material-ui/core/Modal";
import { IconProps } from "./Icon";
export declare type ModalSize = "sm" | "md" | "safeArea" | "fullScreen";
export interface ModalProps extends MuiModalProps {
    /**
     * Value that will be used as `aria-labelledby`.
     * Identifies the element (or elements) that labels the current element.
     * @see aria-describedby.
     */
    titleId?: string;
    /**
     * Value that will be used as `aria-describedby`.
     * Identifies the element (or elements) that describes the object.
     * @see aria-labelledby
     */
    descriptionId?: string;
    /**
     * Width of the modal box.
     */
    size?: ModalSize;
    /**
     * Render a close button at top-right corner.
     * If `true`, a default `crossCircle` icon will be applied.
     * Or changing the icon with iconKey.
     */
    closeButton?: boolean | IconProps["iconKey"];
}
declare const Modal: ({ open, onClose, titleId, descriptionId, size, ...props }: ModalProps) => JSX.Element;
export default Modal;
