/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; import type { IconProps } from '../Icon'; export type ModalDialogHeaderProps = { /** * The accessible name of the button that dismisses the Modal Dialog. * Will be announced by screen readers. * @default Sluiten */ readonly closeButtonAccessibleName?: string; /** * An icon for the button that dismisses the Modal Dialog, to display instead of the default cross. * Websites for the City of Amsterdam must use the default icon. */ readonly closeButtonIcon?: IconProps['svg']; /** * The size of the button that dismisses the Modal Dialog. * Match it to the size of the Heading in the Header. * @default heading-2 */ readonly closeButtonSize?: Extract; } & Readonly>>; /** * The header of a Modal Dialog. It contains the title and always renders a button that dismisses the dialog. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-modal-dialog--docs Modal Dialog docs at Amsterdam Design System} */ export declare const ModalDialogHeader: import("react").ForwardRefExoticComponent<{ /** * The accessible name of the button that dismisses the Modal Dialog. * Will be announced by screen readers. * @default Sluiten */ readonly closeButtonAccessibleName?: string; /** * An icon for the button that dismisses the Modal Dialog, to display instead of the default cross. * Websites for the City of Amsterdam must use the default icon. */ readonly closeButtonIcon?: IconProps["svg"]; /** * The size of the button that dismisses the Modal Dialog. * Match it to the size of the Heading in the Header. * @default heading-2 */ readonly closeButtonSize?: Extract; } & Readonly>> & import("react").RefAttributes>;