import React from 'react';
import { Size } from '../types';
import { ButtonAction, LeftFooterAction } from './ModalTypes';
import { ImageWithFallbacksProps } from '../Image/ImageWithFallbacks';
export interface ModalDialogProps {
    /** Optional. Size of the modal. Defaults to 'medium'  */
    size?: Size.Small | Size.Medium | Size.Large;
    /** Required. Current state of the modal. */
    isModalOpen: boolean;
    /** Optional. Content of the ModalDialog. */
    children?: React.ReactNode;
    /** Optional. Title of the ModalDialog. */
    title?: string | React.ReactNode;
    /** Optional. Content of the image to be shown in the header of the modal. */
    topImage?: any;
    /** Optional. Serves same purpose as 'topImage' except adds support for fallback options. Has higher priority than 'topImage'. */
    topImageWithFallbacksProps?: ImageWithFallbacksProps;
    /** Optional. If flag is set then overlay is added that converts image to grey color. */
    topImageGrayscale?: boolean;
    /** Optional. Collection of Buttons that will be shown in the footer on the right side of the ModalDialog. */
    buttons?: ButtonAction[];
    /** Optional. Left footer action that will be shown on the left side of the footer of ModalDialog. Can be a hyperlink, button or a note. */
    leftFooterAction?: LeftFooterAction;
    /** Optional. Tooltip that will be shown */
    tooltip?: string;
    /**  */
    backButton?: () => void;
    className?: string;
    id?: string;
    closeAction: () => void;
    hideCloseButton?: boolean;
    submitAction: (event?: React.FormEvent<HTMLFormElement> | undefined) => void;
    note?: string | React.ReactNode;
    state?: string;
    icon?: React.ReactNode;
    zIndex?: number;
    contentOverflow?: string;
    width?: string;
    hasContentBorders?: boolean;
    shouldCloseOnOverlayClick?: boolean;
}
export declare const ModalDialog: React.FunctionComponent<ModalDialogProps>;
export default ModalDialog;