/**
 * Dialog
 *
 * The Dialog component consists of a title with optional right-side menu, a
 * bottom control section with buttons, and a variable content which is
 * scrollable when the size gets too small.
 *
 * To build up the content, you can just add elements into the dialog body,
 * which will then get the default padding. Use the appropriate sections from
 * the dialog contents to adapt.
 *
 * The title will automatically be ID-ed for ARIA conformance.
 */
import { ReactNode, FC } from 'react';
import { ModalProps } from '../Modal';
import { DialogWidth } from './BaseDialog';
export declare const HeaderTitle: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, import("../Typography").TypographyProps & {
    variant: string;
}, "variant">;
export interface DialogProps extends ModalProps {
    /**
     * Adjusts the width of the panel.
     */
    readonly width?: DialogWidth;
    /**
     * React element that will go into the top of the dialog.
     */
    readonly header?: ReactNode;
    /**
     * React element that will go into the bottom of the dialog.
     */
    readonly controls: ReactNode;
    /**
     * If `true`, puts the modal dialog into focus.
     * AlertDialog, ConfirmDialog don't have input in the content,
     * and they should have `focusDialog={true}`.
     *
     * Default: `true`
     */
    readonly focusDialog?: boolean;
}
export declare const Dialog: FC<DialogProps>;