import "./count.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
/** Quiet by default; `highlight` for a figure that leads, `red` for one that alarms. */
export type CountColor = "highlight" | "muted" | "red";
export interface CountProps extends StyleProps {
    count: number;
    color?: CountColor;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
/**
 * A count in a 20px disc that grows into a pill past one digit. `xs` because its line box (18)
 * is the only body rung that fits inside the disc — `sm` is 24 tall, taller than the disc, so
 * the digit was clipped and sat off-centre.
 */
export declare function Count({ count, color, testID, render, ref, ...props }: CountProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;