import { default as React } from 'react';
export interface DialogProps {
    /** Scrollable contents of the Dialog */
    children: React.ReactNode;
    /** Heading in the top of the Dialog */
    title?: string;
    /** Optional notification content to render pinned under the header */
    notification?: React.ReactNode;
    /** Contents of Dialog footer, typically reserved for action buttons */
    footer?: React.ReactNode;
    /** Visual style for Dialog header */
    headerStyle?: "bordered" | "plain" | "banner";
    /** Controls open/close state of the modal. Use the `onUserDismiss` callback to update. */
    isOpen?: boolean;
    /**
     * Callback to handle user taking an action to dismiss the modal
     * (click outside, Escape key, click close button)
     */
    onUserDismiss?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
    /**
     * Sets a custom modal width.
     * Use the full CSS value with the unit (e.g. "400px")
     */
    width?: string;
    /** Optional value for `data-testid` attribute */
    testId?: string;
    id?: string;
}
/**
 * Renders a centered modal dialog with an overlay
 *
 * This component uses a `ReactDOM` portal to render it as a direct
 * child of `document.body`.
 */
declare const Dialog: ({ isOpen, onUserDismiss, title, headerStyle, children, notification, footer, width, testId, }: DialogProps) => React.JSX.Element;
export default Dialog;
//# sourceMappingURL=index.d.ts.map