import type { ReactNode, JSX } from 'react';
import { Severity } from '../../constants/severity.types';
interface BadgeProps {
    /** The element the badge is overlaid on top of, e.g. an icon. */
    children: ReactNode;
    /** Shown inside the badge, capped at `max`. Omit (with `dot` false) to render nothing. */
    count?: number;
    /** Counts above this render as `${max}+`. */
    max?: number;
    severity?: Severity;
    /** Render a plain dot instead of a count - use when only "something changed" matters, not how much. */
    dot?: boolean;
}
export declare function formatBadgeCount(count: number, max: number): string;
export declare function Badge({ children, count, max, severity, dot, }: BadgeProps): JSX.Element;
export {};