import type { JSX } from "react";
/**
 * A used-of-limit meter that never invents a number. `used` missing reads as
 * "Unknown", not 0; a missing or non-positive `limit` shows the usage with
 * no bar, not a full one. Use it for account quotas and context windows.
 */
export interface UsageMeterProps {
    label: string;
    /** Amount used. `null`/`undefined` means the provider didn't report it. */
    used?: number | null;
    /** Ceiling. `null`/`undefined`/≤0 means no limit was reported. */
    limit?: number | null;
    /** Unit appended to the figures, e.g. "tokens". */
    unit?: string;
    /** Secondary line under the bar, e.g. "Resets in 2h 10m". */
    note?: string;
    className?: string;
}
/** Percentage of `limit` used, or null when either side is unknown. */
export declare const usagePercent: (used?: number | null, limit?: number | null) => number | null;
export declare const UsageMeter: ({ label, used, limit, unit, note, className }: UsageMeterProps) => JSX.Element;
export interface ContextMeterProps {
    /** Tokens currently in the context window. */
    used?: number | null;
    /** The model's context window size. */
    limit?: number | null;
    className?: string;
}
/** Context-window fill for the active conversation. */
export declare const ContextMeter: ({ used, limit, className }: ContextMeterProps) => JSX.Element;
//# sourceMappingURL=UsageMeter.d.ts.map