import { type VariantProps } from 'class-variance-authority'; declare const badgeVariants: (props?: ({ variant?: "dot" | "outline" | "soft" | "solid" | "white" | null | undefined; color?: "blue" | "cyan" | "destructive" | "gray" | "green" | "indigo" | "info" | "orange" | "pink" | "primary" | "purple" | "secondary" | "success" | "teal" | "warning" | "yellow" | null | undefined; size?: "lg" | "md" | "sm" | "xs" | null | undefined; shape?: "round" | "rounded" | null | undefined; } & import("class-variance-authority/types").ClassProp) | undefined) => string; type BadgeColor = NonNullable['color']>; export interface BadgeProps extends Omit, 'color'>, VariantProps { /** Leading icon displayed before the text */ leadingIcon?: React.ReactNode; /** Trailing icon displayed after the text */ trailingIcon?: React.ReactNode; /** Avatar element to display before the text */ avatar?: React.ReactNode; /** For icon-only badges - no text, just an icon */ iconOnly?: boolean; /** Shows a close button and enables onClose callback */ closable?: boolean; /** Accessible label for the close button */ closeLabel?: string; /** Callback when close button is clicked */ onClose?: () => void; } /** * Dot indicator for the dot variant. Steady by default: no periodic animation. */ declare const BadgeDot: ({ color }: { color?: BadgeColor; }) => import("react").JSX.Element; declare const Badge: import("react").ForwardRefExoticComponent & import("react").RefAttributes>; export { Badge, BadgeDot, badgeVariants };