import { ReactElement } from 'react';
import { ButtonVariant } from '../Button';
export declare const ConfirmationPopUpTitle: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
} & {
    isTitleOnly?: boolean;
    useLegacyStyles?: boolean;
}, {}, {}>;
export declare const ConfirmationPopUpDescription: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
} & import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & {
    useLegacyStyles?: boolean;
}, {}, {}>;
export declare const ConfirmationPopUpFooterHelper: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & {
    theme?: import('@emotion/react').Theme;
} & {
    useLegacyStyles?: boolean;
}, {}, {}>;
export interface Props {
    action: DialogAction;
    primaryButtonText: string;
    titleComponent: ReactElement;
    buttonContainerStyle?: React.CSSProperties;
    buttonSeparatorStyle?: React.CSSProperties;
    children?: React.ReactNode;
    containerStyle?: React.CSSProperties;
    descriptionComponent?: ReactElement;
    footerHelperComponent?: ReactElement;
    formId?: string;
    isDisabled?: boolean;
    isEditPopup?: boolean;
    isLoading?: boolean;
    isNotesIncluded?: boolean;
    isProceedDisabled?: boolean;
    isSecondaryLoading?: boolean;
    notesPlaceholder?: string;
    primaryButtonWidth?: number | string;
    proceedButtonVariant?: ButtonVariant;
    secondaryButtonText?: string;
    secondaryButtonVariant?: ButtonVariant;
    secondaryButtonWidth?: number | string;
    shouldClickAway?: boolean;
    showFooter?: boolean;
    showLine?: boolean;
    style?: React.CSSProperties;
    useLegacyStyles?: boolean;
}
export interface DialogAction {
    onOkClick: (notes?: string) => void;
    onCancelClick?: () => void;
    onClickAway?: () => void;
}
declare function ConfirmationPopup({ titleComponent, descriptionComponent, footerHelperComponent, primaryButtonText, shouldClickAway, secondaryButtonText, children, useLegacyStyles, isNotesIncluded, notesPlaceholder, formId, proceedButtonVariant, secondaryButtonVariant, isSecondaryLoading, isLoading, isDisabled, isProceedDisabled, showFooter, style, buttonContainerStyle, containerStyle, buttonSeparatorStyle, primaryButtonWidth, secondaryButtonWidth, action, showLine, isEditPopup, }: Readonly<Props>): import('react').ReactPortal;
export default ConfirmationPopup;