import { FC, ReactNode } from 'react';
import { IDialogProps } from '@blueprintjs/core';
export interface ModalDialogProps extends IDialogProps {
/**
* Optional title of the modal. Can be a string or anything that React can render.
* Content will be rendered within a `
` tag with appropriate styling.
*/
title?: ReactNode;
/**
* Optional footer of the modal. Can be anything that React can render, but recommended
* to use a `` component with `spacing="small"`.
*/
footer?: ReactNode;
/**
* Optional toolbar of the modal. Can be anything that React can render, but recommended
* to use a `` component with `spacing="small"`.
*/
toolbar?: ReactNode;
/**
* Optional override of the width of the modal. If the viewport width is too small,
* the max width of the modal will be the width of the viewport less margin. If no `width`
* is provided, the modal will default to `500px` wide.
*/
width?: number;
/**
* Optional override of the height of the modal. If the viewport height is too small,
* the max height of the modal will be the height of the viewport less margin. If no `height`
* is provided, the modal will grow with its content to a max height of `680px`.
*/
height?: number;
/**
* Optional override of the accessible label of the close button of the modal. Defaults to "Close"
*/
closeButtonLabel?: string;
/**
* Optional: when set to true an overlay is shown over the entire modal
*/
showOverlay?: boolean;
}
export declare const ModalDialog: FC;