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?: "default" | "outline" | "secondary" | "ghost" | "destructive" | "link" | "soft" | null | undefined;
    tone?: "warning" | "neutral" | "info" | "success" | "danger" | "muted" | null | undefined;
    size?: "default" | "sm" | "lg" | null | undefined;
    dot?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type BadgeProps = useRender.ComponentProps<"span"> & Omit<VariantProps<typeof badgeVariants>, "dot"> & {
    label?: React.ReactNode;
    count?: React.ReactNode;
    status?: "neutral" | "info" | "success" | "warning" | "danger" | "muted";
    removable?: boolean;
    selected?: boolean;
    onRemove?: () => void;
    removeLabel?: string;
    leftIcon?: React.ReactNode;
    rightIcon?: React.ReactNode;
    avatar?: React.ReactNode;
    dot?: boolean | React.ReactNode;
    showDot?: boolean;
    dotPosition?: "start" | "end";
    pulse?: boolean;
    interactive?: boolean;
};
declare function Badge({ className, variant, tone, size, dot, label, count, status, removable, selected, onRemove, removeLabel, leftIcon, rightIcon, avatar, showDot, dotPosition, pulse, interactive, children, render, onKeyDown, ...props }: BadgeProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export { Badge, badgeVariants, type BadgeProps };