import * as class_variance_authority_types from 'class-variance-authority/types';
import { Button } from '@base-ui/react/button';
import { VariantProps } from 'class-variance-authority';
import React__default from 'react';
import { Link } from './link.js';

declare const badgeVariants: (props?: ({
    variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
    color?: "primary" | "secondary" | "white" | "accent" | "tertiary" | "grey" | "primary/grey" | "light" | "primary/white" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
} & class_variance_authority_types.ClassProp) | undefined) => string;
type BadgeProps = VariantProps<typeof badgeVariants> & React__default.ComponentPropsWithoutRef<'span'> & {
    ref?: React__default.Ref<HTMLSpanElement>;
};
declare function Badge({ variant, color, size, className, ref, ...props }: BadgeProps): React__default.JSX.Element;
/** Visual/content props shared by `BadgeButton` and `BadgeLink`. */
type BadgeOwnProps = VariantProps<typeof badgeVariants> & {
    className?: string;
    children: React__default.ReactNode;
};
type BadgeButtonProps = BadgeOwnProps & Omit<Button.Props, 'className'>;
type BadgeLinkProps = BadgeOwnProps & Omit<React__default.ComponentPropsWithoutRef<typeof Link>, 'className' | 'variant'> & {
    ref?: React__default.Ref<HTMLAnchorElement>;
};
/**
 * Interactive badge on the Base UI button primitive. For badge-styled
 * navigation, use `BadgeLink` — the `href` polymorphism that previously
 * lived on this component was removed in v2.
 */
declare function BadgeButton({ variant, color, size, className, children, ref, ...props }: BadgeButtonProps): React__default.JSX.Element;
/** Badge-styled anchor; renders through `Link` (so `LinkProvider` applies). */
declare function BadgeLink({ variant, color, size, className, children, ref, ...props }: BadgeLinkProps): React__default.JSX.Element;

export { Badge, BadgeButton, type BadgeButtonProps, BadgeLink, type BadgeLinkProps, type BadgeProps, badgeVariants };