import { VariantProps } from "class-variance-authority";
declare const badgeVariants: (props?: ({
    size?: "large" | "medium" | "small" | null | undefined;
    variant?: "accent" | "default" | "moon-grape" | "on-dark" | "on-dark-secondary" | "pro" | "pro-alt" | "subdued" | "subtle" | null | undefined;
    icon?: boolean | null | undefined;
    iconOnly?: boolean | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type BadgeIconType = React.ComponentType<React.ComponentPropsWithoutRef<"svg">>;
export type BadgeProps = {
    /**
     * Badge icon
     */
    icon?: BadgeIconType | React.ReactNode;
    /**
     * Badge content. When omitted and an icon is provided, renders an icon-only badge.
     */
    children?: React.ReactNode;
    /**
     * Tooltip shown on hover. For icon-only badges, pass a string so the badge
     * receives an `aria-label` — passing JSX will show the tooltip visually but
     * leaves the icon without an accessible name.
     */
    tooltip?: React.ReactNode;
} & React.ComponentProps<"span"> & Omit<VariantProps<typeof badgeVariants>, "icon" | "iconOnly">;
export declare function Badge({ size, variant, icon, className, children, tooltip, ref, ...rest }: BadgeProps): import("react").JSX.Element;
export declare namespace Badge {
    var displayName: string;
}
export {};
//# sourceMappingURL=Badge.d.ts.map