export type ScoreIndicatorSize = 'sm' | 'md' | 'lg';
/** Pass a tuple [mobile, desktop] to apply different sizes per breakpoint. */
export type ResponsiveScoreIndicatorSize = ScoreIndicatorSize | readonly [ScoreIndicatorSize, ScoreIndicatorSize];
/**
 * Subject colour groups. GS and SK define independent subject colour palettes (no
 * shared semantic layer), so the full set spans both brands — pass whichever code
 * applies to the subject; it resolves against the active brand via `[data-theme]`.
 */
export type ScoreIndicatorSubject = 'DE/BI/PH/HI' | 'IT/ES/TR' | 'LA/CH/FR' | 'NL/EN' | 'DE' | 'EN' | 'FR' | 'LR' | 'CH' | 'LA' | 'ES' | 'DY/BI/KF/IT/HI' | 'PR' | 'PH' | 'MA' | 'OT';
export interface ScoreIndicatorProps {
    /** Score or grade text, e.g. "4.7" or "A+". */
    value: string;
    size?: ResponsiveScoreIndicatorSize;
    /** Determines the background colour. Defaults to "OT" (other/neutral). */
    subject?: ScoreIndicatorSubject;
    className?: string;
}
/**
 * The same subject → colour tokens ScoreIndicator uses, for consumers that need the raw colour (e.g. chart lines).
 * SK subject keys map to their full Figma token group names (e.g. `DE` → `--subjects-de-dt-ue`, `EN` → `--subjects-en-ks-bm`).
 * Brand-specific tokens fall back to `--subjects-others` when the subject doesn't exist in the active theme.
 */
export declare const SUBJECT_COLOR_TOKENS: Record<ScoreIndicatorSubject, string>;
export declare function ScoreIndicator({ value, size, subject, className }: ScoreIndicatorProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=ScoreIndicator.d.ts.map