import React from 'react';
export interface DialogProps {
    /** Object containing cancel button label and action */
    cancelAction?: {
        label: string;
        loading?: false;
        disabled?: false;
        onAction?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    };
    /** The contents of the modal */
    children: React.ReactNode | React.ReactNode[];
    /** Whether clicking outside closes the modal */
    closeOnClickOutside?: boolean;
    /** Whether clicking the escape key closes the modal */
    closeOnEsc?: boolean;
    /** Controls the appearance of the modal */
    destructive?: boolean;
    /** Whether or not to display the cancel button */
    noCancel: boolean;
    /** Callback on modal close */
    onClose: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
    /** Object containing primary button label and action */
    primaryAction?: {
        label: string;
        onAction: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
        loading?: boolean;
        disabled?: boolean;
    };
    /** Controls the visibility of the close button */
    showCloseButton?: boolean;
    /** Add an element to the top of the title */
    headerChildren?: React.ReactNode;
    /** Display the modal heading */
    title: string;
    /** Styles to apply to dialog container */
    style: React.CSSProperties;
}
declare const Dialog: ({ cancelAction, children, closeOnClickOutside, closeOnEsc, destructive, noCancel, onClose, primaryAction, showCloseButton, style, title, headerChildren, }: DialogProps) => JSX.Element;
export default Dialog;