import React, { ReactNode } from 'react'; import Div from '../Element/Div/Div'; import { CreateProps } from '../../types/utils/CreateProps'; import { ArrayElementType } from '../../types/utils/ArrayElementType'; declare type ModalDialogProps = CreateProps<{ /** Opens and closes the modalDialog */ isOpen?: boolean; /** Title of modalDialog */ title: string; /** Button text of accept button, if the text is not given the Button isn't rendered */ acceptButtonText?: string; /** Button text of close button, if the text is not given the Button isn't rendered */ closeButtonText?: string; /** Callback fired when user click acceptButton */ onAcceptClick?: () => void; /** Callback fired when user clicks closeButton, backdrop, close icon or presses Esc */ onCloseClick?: () => void; /** The content of modalDialog dialog */ children?: ReactNode; /** Toggle accept button to be disabledg */ acceptButtonDisabled?: boolean; /** Toggle close button to be disabled */ closeButtonDisabled?: boolean; /** ClassName for accept button */ acceptButtonClassName?: string; /** ClassName for close button */ closeButtonClassName?: string; /** Area label for close icon */ closeIconAreaLabel?: string; /** Destructive style for modalDialog */ destructive?: boolean; /** Size of modal dialog */ size?: SupportedModalSizes; noWindow?: boolean; }, typeof Div>; declare const ModalDialog: React.FunctionComponent; export declare const supportedModalSizes: readonly ["md", "lg"]; export declare type SupportedModalSizes = ArrayElementType; export default ModalDialog;