/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; import type { HeadingProps } from '../Heading'; type Severity = 'error' | 'success' | 'warning'; export type AlertProps = { /** Whether the user can dismiss the alert. Adds a button to its top right. */ readonly closeable?: boolean; /** The label for the button that dismisses the alert. */ readonly closeButtonLabel?: string; /** The text for the Heading. */ readonly heading: string; /** * The id of the Heading element, which is used to label the alert. * Defaults to a generated unique id. * Provide a custom value to reference the Heading elsewhere; it must then be unique for the page. * Can be set to `null` to explicitly remove the label. */ readonly headingId?: string | null; /** * The hierarchical level of the Heading within the document. * There is no default value; determine the correct level for each instance. * The size of the heading is fixed at level 3. */ readonly headingLevel: HeadingProps['level']; /** A function to run when dismissing. */ readonly onClose?: () => void; /** The significance of the message conveyed. */ readonly severity?: Severity; } & Readonly>>; /** * Informs the user of a significant or time-sensitive message without interrupting their task. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-feedback-alert--docs Alert docs at Amsterdam Design System} */ export declare const Alert: import("react").ForwardRefExoticComponent<{ /** Whether the user can dismiss the alert. Adds a button to its top right. */ readonly closeable?: boolean; /** The label for the button that dismisses the alert. */ readonly closeButtonLabel?: string; /** The text for the Heading. */ readonly heading: string; /** * The id of the Heading element, which is used to label the alert. * Defaults to a generated unique id. * Provide a custom value to reference the Heading elsewhere; it must then be unique for the page. * Can be set to `null` to explicitly remove the label. */ readonly headingId?: string | null; /** * The hierarchical level of the Heading within the document. * There is no default value; determine the correct level for each instance. * The size of the heading is fixed at level 3. */ readonly headingLevel: HeadingProps["level"]; /** A function to run when dismissing. */ readonly onClose?: () => void; /** The significance of the message conveyed. */ readonly severity?: Severity; } & Readonly>> & import("react").RefAttributes>; export {};