import { MouseEvent, ReactNode } from 'react';
export type AlertColor = 'success' | 'info' | 'warning' | 'error';
export type AlertVariant = 'standard' | 'filled' | 'outlined';
/**
 * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#22249-56917 (Design-System · "Inline notification")
 *
 * The DS defines a single "Default" inline-notification style: `alerts/{sev}-50` fill +
 * `alerts/{sev}-300` border, a severity-`700` accent (icon + optional bold label) and a
 * neutral `delta/800` body. `filled`/`outlined` have no DS counterpart (MUI-compat only).
 */
export interface AlertProps {
    /** @figmaProp none — severity is applied in Figma by swapping the `alerts/{success|info|warning|error}` token set (no discrete component property); each value maps to that family's -50/-300/-700 shades */
    severity?: AlertColor;
    /** @figmaProp Property1 = standard→"Default"; filled/outlined = none (no DS variant — MUI-compat) */
    variant?: AlertVariant;
    /** @figmaProp none — maps the Figma "Icon" slot (severity glyph, 20px) */
    icon?: ReactNode | false;
    /** @figmaProp none — behavioral override of the severity glyph */
    iconMapping?: Partial<Record<AlertColor, ReactNode>>;
    /** @figmaProp none — behavioral (replaces the trailing Close slot) */
    action?: ReactNode;
    /** @figmaProp showClose = onClose defined → Close slot visible */
    onClose?: (event: MouseEvent<HTMLButtonElement>) => void;
    /** @figmaProp none — the "Text" body slot (Helper 14/lh20, delta/800) */
    children?: ReactNode;
    /** @figmaProp none — behavioral */
    className?: string;
    /** @figmaProp none — behavioral (inline style escape hatch) */
    sx?: unknown;
    /** @figmaProp none — a11y */
    role?: string;
}
/**
 * Alert banner (replaces MUI `Alert`). Native `role="alert"` with a leading severity icon, message
 * and optional action/close button; `standard`/`filled`/`outlined` variants. Public props preserved
 * (DEC-003). TASK-402.
 *
 * ponytail: severity uses the semantic `success`/`info`/`warning`/`error` token families —
 * Chromatic in CI is the visual gate for exact shades.
 */
export declare const StyledAlert: ({ severity, variant, icon, iconMapping, action, onClose, children, className, sx, role, }: AlertProps) => JSX.Element;