import type { ReactNode } from "react";
export type NoticeTone = "muted" | "info" | "success" | "waiting" | "failed";
export declare function Notice({ tone, title, children, action, icon, onDismiss, dismissLabel, layout, actionLayout, live, className, }: {
    tone?: NoticeTone | undefined;
    /** Short bolded lead. Omit for a single-sentence notice. */
    title?: ReactNode | undefined;
    children?: ReactNode | undefined;
    /** Right-aligned action (a small Button or link). */
    action?: ReactNode | undefined;
    /** Override the tone glyph; pass null to render no icon. */
    icon?: ReactNode | null | undefined;
    /** Adds a close button. Only for notices the person may safely hide. */
    onDismiss?: (() => void) | undefined;
    /** Accessible name of the close button. */
    dismissLabel?: string | undefined;
    /**
     * "banner" spans a whole page or workspace: square corners, a bottom rule
     * only, one 32px line that keeps the icon and action on the first line
     * when the text wraps. Omit for the inline panel.
     */
    layout?: "banner" | undefined;
    /**
     * "responsive" moves the action under the text when the notice is
     * narrower than 448px, so phone widths don't squeeze the message.
     */
    actionLayout?: "responsive" | undefined;
    /**
     * Announce it when it appears: "polite" for results of an action,
     * "assertive" only for failures that block what the person is doing.
     */
    live?: "polite" | "assertive" | undefined;
    className?: string | undefined;
}): import("react").JSX.Element;