@amsterdam/design-system-react/dist/Dialog/Dialog.d.ts

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import { MouseEvent } from 'react';
import type { DialogHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
export type DialogProps = {
    /** The label for the button that dismisses the Dialog. */
    closeButtonLabel?: string;
    /** Content for the footer, often one Button or an Action Group containing more of them. */
    footer?: ReactNode;
    /** The text for the Heading. */
    heading: string;
} & PropsWithChildren<DialogHTMLAttributes<HTMLDialogElement>>;
/**
 * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-dialog--docs Dialog docs at Amsterdam Design System}
 */
export declare const Dialog: import("react").ForwardRefExoticComponent<{
    /** The label for the button that dismisses the Dialog. */
    closeButtonLabel?: string;
    /** Content for the footer, often one Button or an Action Group containing more of them. */
    footer?: ReactNode;
    /** The text for the Heading. */
    heading: string;
} & DialogHTMLAttributes<HTMLDialogElement> & {
    children?: ReactNode | undefined;
} & import("react").RefAttributes<HTMLDialogElement>> & {
    close: (event: MouseEvent<HTMLButtonElement>) => void | undefined;
    open: (id: string) => void;
};