/**
 * Badge — ported 1:1 from Veryfront Studio, semantic classes remapped to
 * veryfront's `[var(--token)]` vocabulary. The status fill tokens
 * (`--alert-*-bg`) and `--status-*` text tokens are defined in `theme.ts`, so
 * every variant renders with its proper fill. Private to the chat module.
 *
 * @module react/components/ui/badge
 */
import * as React from "react";
import { type VariantProps } from "./cva.js";
declare const badgeVariants: (props?: ({
    variant?: "default" | "success" | "warning" | "outline" | "destructive" | null | undefined;
} & {
    class?: import("../../../utils/clsx.js").ClassValue;
    className?: import("../../../utils/clsx.js").ClassValue;
}) | undefined) => string;
/** Props accepted by `<Badge>`. */
export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
    children?: React.ReactNode;
}
/** Render a badge. */
export declare function Badge({ className, variant, ...props }: BadgeProps): React.ReactElement;
export { badgeVariants };
//# sourceMappingURL=badge.d.ts.map