import React from "react";
declare const _default: {
    title: string;
    component: ({ size, showCloseIcon, showSkipButton, skipButtonText, onSkip, showBackIcon, backIconType, hasCloseOnOutsideClick, onClose, onBack, show, showDivider, title, children, modalFooter, showPrimaryButton, showSecondaryButton, onPrimaryAction, onSecondaryAction, buttonsAlignment, buttonsAlignmentOnMobile, primaryButtonText, secondaryButtonText, showHeaderBorder, showFooterBorder, autoHeight, titleAlignment, titleDescription, isPrimaryButtonLoading, primaryButtonIcon, secondaryButtonIcon, isSecondaryButtonLoading, isPrimaryButtonDisabled, isSecondaryButtonDisabled, primaryButtonWidth, secondaryButtonWidth, customContent, showHeader, id, renderInDOM, portalContainer, hasHeaderMinHeight, ...other }: import("../props").Modal) => React.ReactPortal;
    tags: string[];
    argTypes: {
        show: {
            control: string;
        };
        showDivider: {
            control: string;
        };
        size: {
            control: string;
            options: string[];
        };
        buttonsAlignment: {
            control: string;
            options: string[];
        };
        buttonsAlignmentOnMobile: {
            control: string;
            options: string[];
        };
        titleAlignment: {
            control: string;
            options: string[];
        };
        backIconType: {
            control: string;
            options: number[];
        };
        onClose: {
            action: string;
        };
        onBack: {
            action: string;
        };
        onSkip: {
            action: string;
        };
        title: {
            name: string;
            type: {
                name: string;
                required: boolean;
            };
            defaultValue: string;
        };
        onPrimaryAction: {
            action: string;
        };
        onSecondaryAction: {
            action: string;
        };
        primaryButtonIcon: {
            control: string;
            options: string[];
        };
        secondaryButtonIcon: {
            control: string;
            options: string[];
        };
        showSkipButton: {
            control: string;
        };
        skipButtonText: {
            control: string;
        };
        autoHeight: {
            control: string;
        };
        isPrimaryButtonLoading: {
            control: string;
        };
        isPrimaryButtonDisabled: {
            control: string;
        };
    };
};
export default _default;
export declare const Default: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        id: string;
        onClose: (e: any) => void;
    };
};
export declare const Type1: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
    };
};
export declare const Type2: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
    };
};
export declare const Type3: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        buttonsAlignment: string;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
    };
};
export declare const Type4: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        buttonsAlignment: string;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
    };
};
export declare const Type5: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        titleDescription: string;
        buttonsAlignment: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        showHeaderBorder: boolean;
        showFooterBorder: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        titleAlignment: string;
        children: React.JSX.Element;
    };
};
export declare const Type6: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        titleDescription: string;
        buttonsAlignment: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        showHeaderBorder: boolean;
        showFooterBorder: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        titleAlignment: string;
        children: React.JSX.Element;
    };
};
export declare const WithSkipButton: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        showSkipButton: boolean;
        skipButtonText: string;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        primaryButtonText: string;
        children: React.JSX.Element;
        id: string;
    };
};
export declare const WithSkipButtonAndCallback: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        showSkipButton: boolean;
        skipButtonText: string;
        onSkip: () => void;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        primaryButtonText: string;
        children: React.JSX.Element;
        id: string;
    };
};
export declare const WithTextLinkBackIcon: {
    args: {
        showBackIcon: boolean;
        backIconType: number;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
    };
};
export declare const XXSmall: {
    args: {
        size: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const XSmall: {
    args: {
        size: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Small: {
    args: {
        size: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Medium: {
    args: {
        size: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Large: {
    args: {
        size: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const WithoutHeader: {
    args: {
        showHeader: boolean;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        title: any;
        id: string;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const PrimaryButtonLoading: {
    args: {
        isPrimaryButtonLoading: boolean;
        primaryButtonText: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const SecondaryButtonLoading: {
    args: {
        isSecondaryButtonLoading: boolean;
        secondaryButtonText: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const PrimaryButtonDisabled: {
    args: {
        isPrimaryButtonDisabled: boolean;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const SecondaryButtonDisabled: {
    args: {
        isSecondaryButtonDisabled: boolean;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Minimal: {
    args: {
        showBackIcon: boolean;
        showCloseIcon: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        title: string;
        children: React.JSX.Element;
        id: string;
        show: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        onClose: (e: any) => void;
    };
};
export declare const TitleLeft: {
    args: {
        titleAlignment: string;
        title: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const TitleCenter: {
    args: {
        titleAlignment: string;
        title: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const WithTitleDescription: {
    args: {
        title: string;
        titleDescription: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const WithHeaderAndFooterBorders: {
    args: {
        showHeaderBorder: boolean;
        showFooterBorder: boolean;
        title: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const RenderInDOM: {
    args: {
        renderInDOM: boolean;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Hidden: {
    args: {
        show: boolean;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const VerticalButtons: {
    args: {
        buttonsAlignment: string;
        title: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const AutoHeight: {
    args: {
        autoHeight: boolean;
        title: string;
        children: React.JSX.Element;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        onClose: (e: any) => void;
    };
};
export declare const WithButtonIcons: {
    args: {
        primaryButtonIcon: string;
        secondaryButtonIcon: string;
        primaryButtonText: string;
        secondaryButtonText: string;
        id: string;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        title: string;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        children: React.JSX.Element;
        onClose: (e: any) => void;
    };
};
export declare const Interactive: {
    render: (args: any) => React.JSX.Element;
    args: {
        id: string;
        title: string;
        children: React.JSX.Element;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        onClose: (e: any) => void;
    };
};
export declare const NestedModals: {
    render: (args: any) => React.JSX.Element;
    args: {
        id: string;
        title: string;
        children: React.JSX.Element;
        showBackIcon: boolean;
        showCloseIcon: boolean;
        show: boolean;
        showPrimaryButton: boolean;
        showSecondaryButton: boolean;
        hasCloseOnOutsideClick: boolean;
        primaryButtonText: string;
        secondaryButtonText: string;
        onClose: (e: any) => void;
    };
};