import { useRender } from '@base-ui/react/use-render';
import { type VariantProps } from 'class-variance-authority';
declare const badgeVariants: (props?: ({
    variant?: "badge-color" | "badge-modern" | "default" | "destructive" | "error" | "ghost" | "info" | "link" | "outline" | "pill-color" | "pill-outline" | "secondary" | "success" | "warning" | null | undefined;
    color?: "blue" | "blue-gray" | "blue-light" | "brand" | "error" | "gray" | "indigo" | "orange" | "pink" | "purple" | "success" | "warning" | null | undefined;
    size?: "lg" | "md" | "sm" | "xs" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
export type BadgeProps = useRender.ComponentProps<'span'> & VariantProps<typeof badgeVariants>;
declare function Badge({ className, variant, color, size, render, ...props }: BadgeProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
declare namespace Badge {
    var displayName: string;
}
export { Badge, badgeVariants };