import * as React from 'react';
import { useRender } from '@base-ui/react/use-render';
import { type VariantProps } from 'class-variance-authority';
declare const badgeVariants: (props?: ({
    variant?: "error" | "primary" | "secondary" | "success" | "warning" | "info" | "outline" | "soft" | "light" | "primary-outline" | null | undefined;
    size?: "sm" | "md" | "lg" | "xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type BadgeState = {
    variant: VariantProps<typeof badgeVariants>['variant'];
    size: VariantProps<typeof badgeVariants>['size'];
};
interface BadgeProps extends useRender.ComponentProps<'span', BadgeState>, Omit<VariantProps<typeof badgeVariants>, 'variant' | 'size'> {
    /**
     * Color scheme.
     * @default 'primary'
     */
    variant?: VariantProps<typeof badgeVariants>['variant'];
    /**
     * Scale. The `icon-*` sizes render a square badge for a lone icon.
     * @default 'md'
     */
    size?: VariantProps<typeof badgeVariants>['size'];
}
declare function Badge({ className, variant, size, render, ...props }: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export { Badge };
export type { BadgeProps };
//# sourceMappingURL=badge.d.ts.map