export type BannerVariant = 'primary' | 'secondary' | 'destructive' | 'info' | 'warning';
/**
 * Root container styles.
 *
 * The Banner is full-width and edge-to-edge (no border, no radius) since it
 * renders at the very top of the page, above the header.
 *
 * NOTE: this component is tagged "No dark-ui" in Figma — it is not meant to
 * adapt to the dark theme. The semantic tokens below reflect the Figma
 * (light-mode) mapping; revisit if dark-mode behavior is ever specced.
 */
export declare const bannerVariants: (props?: ({
    variant?: "primary" | "secondary" | "destructive" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const bannerTitleVariants: (props?: ({
    variant?: "primary" | "secondary" | "destructive" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const bannerDescriptionVariants: (props?: ({
    variant?: "primary" | "secondary" | "destructive" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export declare const bannerIconVariants: (props?: ({
    variant?: "primary" | "secondary" | "destructive" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;