import * as React from 'react';
interface IDialogProps {
/** @ignore */
children?: React.ReactNode;
/**
* Is the Dialog currently open?
* @default false
*/
open?: boolean;
/**
* This optional callback is called when the user closes the Dialog
* window.
* @default null
*/
onClose?: () => void;
/**
* Override standard dialog width of 600 pixels (large screens) or
* 400 pixels (small screens).
* @default 600
*/
width?: number;
/**
* If set to false, then the Dialog cannot be closed by clicking
* outside of it. This is helpful when a Dialog is executing an
* asynchronous task and must remain open while doing so.
* @default true
*/
canClose?: boolean;
}
/**
* A Dialog is an overlay window that is triggered when the Dialog’s open attribute
* is set to true. The calling code is responsible for setting open to false when the
* Dialog should close. The Dialog also calls onClose when the user clicks outside the
* Dialog.
*
* @example
*
*
*
* @link https://henck.github.io/typeui/?path=/story/controls-dialog--properties
*/
declare class Dialog extends React.Component {
private windowElement;
/**
* Dialog.Header contains dialog header content.
*/
static Header: {
(props: import("./DialogHeader").IDialogHeaderProps): JSX.Element;
displayName: string;
};
/**
* Dialog.Content contains main dialog body content.
*/
static Content: {
(props: import("./DialogContent").IDialogContentProps): JSX.Element;
displayName: string;
};
/**
* Dialog.Footer contains dialog footer content.
*/
static Footer: {
(props: import("./DialogFooter").IDialogFooterProps): JSX.Element;
displayName: string;
};
/**
* The Dialog component offers a pre-built Dialog.Alert type, with an "OK" button.
* The caller provides a title, and any JSX inside the component is used as dialog content.
*/
static Alert: (props: import("./AlertDialog").IAlertDialogProps) => JSX.Element;
/**
* The Dialog component offers a pre-built Dialog.Confirm type, with a "Yes" and a "No"
* button. The caller provides a title, and any JSX inside the component is used as dialog
* content.
*/
static Confirm: (props: import("./ConfirmDialog").IConfirmDialogProps) => JSX.Element;
/**
* The Dialog component offers a pre-built Dialog.Xhr type, with an "OK" and a "Retry"
* button. This dialog can be used when an XHR request fails. It takes an error attribute
* with an Axios response object, and reports it to the user.
*/
static Xhr: (props: import("./XhrDialog").IXhrDialogProps) => JSX.Element;
componentDidMount(): void;
componentWillUnmount(): void;
handleClickOutside: (event: MouseEvent) => void;
render(): JSX.Element;
}
export { Dialog };