/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import type { DialogHTMLAttributes, PropsWithChildren } from 'react';
export type ModalDialogProps = {
    /**
     * Whether the Modal Dialog is open, to control it from your application’s state.
     * Leave undefined to open it imperatively with `ModalDialog.open`.
     */
    readonly open?: boolean;
} & Readonly<PropsWithChildren<Omit<DialogHTMLAttributes<HTMLDialogElement>, 'open'>>>;
/**
 * A window that focuses attention on a single task or message, blocking interaction with the underlying page until it is closed.
 *
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-modal-dialog--docs Modal Dialog docs at Amsterdam Design System}
 */
export declare const ModalDialog: import("react").ForwardRefExoticComponent<{
    /**
     * Whether the Modal Dialog is open, to control it from your application’s state.
     * Leave undefined to open it imperatively with `ModalDialog.open`.
     */
    readonly open?: boolean;
} & Readonly<PropsWithChildren<Omit<DialogHTMLAttributes<HTMLDialogElement>, "open">>> & import("react").RefAttributes<HTMLDialogElement>> & {
    Body: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<import("react").HTMLAttributes<HTMLDivElement>>> & import("react").RefAttributes<HTMLDivElement>>;
    close: (event: import("react").MouseEvent<HTMLButtonElement>) => void | undefined;
    Footer: import("react").ForwardRefExoticComponent<Readonly<PropsWithChildren<import("react").HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>>;
    Header: import("react").ForwardRefExoticComponent<{
        readonly closeButtonAccessibleName?: string;
        readonly closeButtonIcon?: import("..").IconProps["svg"];
        readonly closeButtonSize?: Extract<import("..").IconProps["size"], `heading-${number}`>;
    } & Readonly<PropsWithChildren<import("react").HTMLAttributes<HTMLElement>>> & import("react").RefAttributes<HTMLElement>>;
    open: (selector: string) => void;
};