import { ReactNode } from 'react';
/**
 * Base styles applied to all badge variants.
 * Used by badgeVariants() and consumed by Figma plugin for component generation.
 */
export declare const KUMO_BADGE_BASE_STYLES = "inline-flex w-fit flex-none shrink-0 items-center justify-self-start rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap";
export declare const KUMO_BADGE_VARIANTS: {
    readonly variant: {
        readonly primary: {
            readonly classes: "bg-kumo-contrast text-kumo-inverse";
            readonly description: "Default high-emphasis badge for important labels";
        };
        readonly secondary: {
            readonly classes: "bg-kumo-fill text-kumo-default";
            readonly description: "Subtle badge for secondary information";
        };
        readonly destructive: {
            readonly classes: "bg-kumo-danger text-white";
            readonly description: "Error or danger state indicator";
        };
        readonly outline: {
            readonly classes: "border border-kumo-fill bg-transparent text-kumo-default";
            readonly description: "Bordered badge with transparent background";
        };
        readonly beta: {
            readonly classes: "border border-dashed border-kumo-brand bg-transparent text-kumo-link";
            readonly description: "Indicates beta or experimental features";
        };
    };
};
export declare const KUMO_BADGE_DEFAULT_VARIANTS: {
    readonly variant: "primary";
};
export type KumoBadgeVariant = keyof typeof KUMO_BADGE_VARIANTS.variant;
export interface KumoBadgeVariantsProps {
    variant?: KumoBadgeVariant;
}
export declare function badgeVariants({ variant, }?: KumoBadgeVariantsProps): string;
export type BadgeVariant = KumoBadgeVariant;
export interface BadgeProps {
    variant?: KumoBadgeVariant;
    className?: string;
    children: ReactNode;
}
export declare function Badge({ variant, className, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=badge.d.ts.map