import { ReactNode } from 'react';
/**
 * Base styles applied to all banner variants.
 * Used by bannerVariants() and consumed by Figma plugin for component generation.
 */
export declare const KUMO_BANNER_BASE_STYLES = "flex w-full items-center gap-2 rounded-lg border px-4 py-1.5 text-base";
export declare const KUMO_BANNER_VARIANTS: {
    readonly variant: {
        readonly default: {
            readonly classes: "bg-kumo-info/20 border-kumo-info text-kumo-link selection:bg-kumo-info-tint";
            readonly description: "Informational banner for general messages";
        };
        readonly alert: {
            readonly classes: "bg-kumo-warning/20 border-kumo-warning text-kumo-warning selection:bg-kumo-warning-tint";
            readonly description: "Warning banner for cautionary messages";
        };
        readonly error: {
            readonly classes: "bg-kumo-danger/20 border-kumo-danger text-kumo-danger selection:bg-kumo-danger-tint";
            readonly description: "Error banner for critical issues";
        };
    };
};
export declare const KUMO_BANNER_DEFAULT_VARIANTS: {
    readonly variant: "default";
};
export type KumoBannerVariant = keyof typeof KUMO_BANNER_VARIANTS.variant;
export interface KumoBannerVariantsProps {
    variant?: KumoBannerVariant;
}
export declare function bannerVariants({ variant, }?: KumoBannerVariantsProps): string;
export declare enum BannerVariant {
    DEFAULT = 0,
    ALERT = 1,
    ERROR = 2
}
export interface BannerProps {
    icon?: ReactNode;
    /** @deprecated Use `children` instead. Will be removed in a future major version. */
    text?: string;
    children?: ReactNode;
    variant?: KumoBannerVariant;
    className?: string;
}
export declare function Banner({ icon, children, text, variant, className, }: BannerProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=banner.d.ts.map