import { ReactNode } from "react";
export interface Badge {
    /**
     * Custom css class name.
     */
    className?: string;
    /**
     * Color scheme. "chrome" is the default, restrained color reserved for
     * decorative/informational labels. "accent" is the vivid CTA-adjacent
     * color — use sparingly. "success"/"muted" are for status badges.
     */
    tone?: "chrome" | "accent" | "success" | "muted";
    /**
     * "md" is a standalone label sitting above a heading (e.g. a section
     * label). "sm" is a compact tag sitting inline next to text (e.g. a
     * status badge next to a title).
     */
    size?: "md" | "sm";
    children: ReactNode;
}