import { useRender } from '@base-ui/react/use-render';
import { VariantProps } from 'class-variance-authority';
declare const badgeVariants: (props?: ({
    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "success" | "warning" | "info" | null | undefined;
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
type BadgeProps = useRender.ComponentProps<"span"> & VariantProps<typeof badgeVariants>;
/**
 * Badge component for displaying labels, counts, and status indicators.
 *
 * Supports multiple visual variants (default, outline, ghost, etc.) and semantic variants
 * (success, warning, destructive, info). Icons can be added using `data-icon="inline-start"` or
 * `data-icon="inline-end"` attributes on icon elements.
 */
declare function Badge({ className, variant, render, ...props }: BadgeProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
export { Badge, badgeVariants, type BadgeProps };
//# sourceMappingURL=badge.d.ts.map