import React, { ReactElement, ReactNode } from 'react';
export interface ModalProps {
    id?: string;
    /**
     * Valid JSX object that you want displayed in the modal
     */
    children: ReactElement | ReactNode | string;
    /**
     * A callback to run when the close button or the modal mask is clicked
     */
    closeCb: () => void;
    /**
     * If the modal should be shown or not
     */
    show: boolean;
    /**
     * Classes to be applied to the wrapper of the modal
     */
    theme?: string;
    /**
     * Classes to be applied to the body of the modal
     */
    themeBody?: string;
    maskTheme?: string;
    /**
     * The title displayed on the modal
     */
    title: ReactElement | ReactNode | string;
    /**
     * Width, in percent, of the modal, mobile will also 94% unless you override with css
     */
    width?: string;
    /**
     * If the close button should be shown or not
     */
    showCloseButton: boolean;
    ariaLabel?: string;
    screenType?: any;
}
declare const Modal: ({ id, children, closeCb, show, theme, maskTheme, themeBody, title, ariaLabel, width, showCloseButton, screenType, }: ModalProps) => React.JSX.Element;
export default Modal;