import { MouseEvent } from 'react';
/**
 * Sizes of Modal
 */
export declare const ModalSizes: readonly ["sm", "md", "lg"];
/**
 * Allowed variants of Modal Header
 */
export declare const HeaderTypes: readonly ["titled-only", "subtitled", "titled", "none"];
/**
 * Allowed variants for Modal Footer
 */
export declare const FooterTypes: readonly ["two-btn", "one-btn", "two-btn-danger", "none"];
/**
 * Allowed variants for button type
 */
export declare const BtnType: readonly ["button", "submit"];
export declare const BtnVariant: readonly ["default", "subtle", "link", "warning", "danger", "disabled", "selected", "outline", "black-outline", "blue-outline"];
export declare const ModalVariant: readonly ["default", "centered"];
export interface ModalProps extends Partial<React.ComponentPropsWithoutRef<'div'>> {
    /**
     * Title of Modal
     */
    title?: string;
    /**
     * Subtitle of Modal
     */
    subtitle?: string;
    /**
     * Type of header
     *
     * Manipulates the types of headers of a modal
     *
     * @see HeaderTypes
     */
    headerVariant?: typeof HeaderTypes[number];
    /**
    * Type of footer
    *
    * Manipulates the types of footer of a modal
    *
    * @see FooterTypes
    */
    footerVariant?: typeof FooterTypes[number];
    /**
     * Size of Modal
     *
     * @see ModalSizes
     */
    size: typeof ModalSizes[number];
    /**
     * Determines if the modal is being displayed
     */
    showModal: boolean;
    /**
     * A function that will determine if the modal is
     * being displayed or not
     */
    toggleModal: (st: boolean) => any;
    /**
     * Text displayed on the cancel modal
     */
    cancelText?: string;
    /**
     * Function to be displayed when the button is clicked
     */
    cancelAction?: (e: MouseEvent | undefined) => any;
    /**
     * Text to be displayed on the active button
     */
    activeText?: string;
    /**
     * Function to be perfomed when the button is clicked
     */
    activeAction?: ((e: MouseEvent | undefined) => any);
    /**
     * Type of button for the CAT
     */
    activeButtonType?: typeof BtnType[number];
    /**
     * Boolean that represents whether the active button is loading or not
     */
    isActiveLoading?: boolean;
    /**
     * Text to be displayed on the danger button
     */
    dangerText?: string;
    /**
     * Function to be perfomed when the danger button is clicked
     */
    dangerAction?: (e: MouseEvent | undefined) => any;
    /**
     * Whether the modal contains a form or not
     */
    containsForm?: boolean;
    zIndex?: number;
    /**
     * Whether the modal turns all page backgroundColor to gray
     */
    noBackGround?: boolean;
    /**
     * Whether the modal can be closed or not
     */
    notClosable?: boolean;
    /**
     *
     */
    buttonVariant?: typeof BtnVariant[number];
    /**
     * Whether the modal can be closed or not
     */
    modalVariant?: typeof ModalVariant[number];
}
export declare const Modal: ({ title, subtitle, headerVariant, footerVariant, size, showModal, toggleModal, cancelText, cancelAction, activeText, activeAction, isActiveLoading, activeButtonType, dangerText, dangerAction, containsForm, zIndex, noBackGround, notClosable, buttonVariant, modalVariant, ...props }: ModalProps) => JSX.Element;
export default Modal;