import { HTMLAttributes, ReactElement, ReactText } from "react";
import "./Badge.css";
/**
 * @example overriding density prop to fit a smaller denser space otherwise handled through context provider
 * <Badge density={'high'} />
 *
 * NOTE: Badge component no longer has AccessibleText prop
 *
 */
export interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
    /**
     * The number to display on the badge.
     */
    badgeContent?: string | number;
    /**
     * The badge will be added relative to this node. Renders the "message" icon by default.
     */
    children?: ReactElement<HTMLAttributes<HTMLElement>> | ReactText;
    /**
     * The className(s) of the component.
     */
    className?: string;
    /**
     * The max number to display on the badge.
     */
    max?: number;
}
export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;