import * as React from 'react';
import { type VariantProps } from 'class-variance-authority';
declare const badgeVariants: (props?: ({
    variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "info" | "warning" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
/**
 * Informational status label for tables, lists, and counts.
 *
 * @description
 * A small inline label used for tagging entities with semantic status,
 * categories, or counters. Not interactive by default.
 *
 * @ai-rules
 * 1. Use the built-in `variant` prop for color — do NOT force colors via `className`.
 * 2. In dense lists, `variant="outline"` reduces visual weight.
 * 3. Available variants: `default`, `secondary`, `destructive`, `outline`, `success`, `warning`, `info`.
 * 4. For overlay dot/count badges on icons or avatars, use `<NotificationBadge>` instead.
 */
export declare function Badge({ className, variant, asChild, children, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
    asChild?: boolean;
}): React.JSX.Element;
export { badgeVariants };