import { ReactNode } from 'react';
/** Base styles applied to all badge variants. */
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";
/** Badge variant definitions mapping variant names to their Tailwind classes and descriptions. */
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 success: {
            readonly classes: "bg-kumo-success text-white";
            readonly description: "Success or positive 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;
/**
 * Badge component props.
 *
 * @example
 * ```tsx
 * <Badge variant="primary">New</Badge>
 * <Badge variant="destructive">Error</Badge>
 * <Badge variant="beta">Beta</Badge>
 * ```
 */
export interface BadgeProps {
    /**
     * Visual style of the badge.
     * - `"primary"` — High-emphasis badge for important labels
     * - `"secondary"` — Subtle badge for secondary information
     * - `"destructive"` — Error or danger state indicator
     * - `"outline"` — Bordered badge with transparent background
     * - `"beta"` — Dashed-border badge for beta/experimental features
     * @default "primary"
     */
    variant?: KumoBadgeVariant;
    /** Additional CSS classes merged via `cn()`. */
    className?: string;
    /** Content rendered inside the badge. */
    children: ReactNode;
}
/**
 * Small status label for categorizing or highlighting content.
 *
 * @example
 * ```tsx
 * <Badge variant="primary">Active</Badge>
 * ```
 */
export declare function Badge({ variant, className, children, }: BadgeProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=badge.d.ts.map