import React, { Ref } from 'react';
import { type BadgeProps } from './badge.types.js';
export declare function BaseBadge({ className, tag: Tag, color, type, soft, children, ...props }: BadgeProps, ref: Ref<HTMLElement>): import("react/jsx-runtime").JSX.Element;
export declare const Badge: React.ForwardRefExoticComponent<{
    children?: React.ReactNode;
    color?: import("../../types/responsive-variants.types.js").ResponsiveVariants<"primary" | "hero" | "faint" | "muted" | "success" | "info" | "warning" | "danger" | "danger-inverted" | "faint-inverted" | "hero-inverted" | "info-inverted" | "primary-inverted" | "success-inverted" | "warning-inverted" | undefined>;
    soft?: import("../../types/responsive-variants.types.js").ResponsiveVariants<boolean | undefined>;
    tag?: keyof JSX.IntrinsicElements;
    type?: import("../../types/responsive-variants.types.js").ResponsiveVariants<"default" | "pill" | undefined>;
} & Omit<React.HTMLAttributes<Element>, "color" | "type"> & React.RefAttributes<HTMLElement>>;