import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

declare const gaugeTones: {
    readonly default: "var(--tollerud-yellow-warm, #E8D500)";
    readonly success: "var(--tollerud-success, #22C55E)";
    readonly warning: "var(--tollerud-warning, #E8D500)";
    readonly error: "var(--tollerud-error, #EF4444)";
};
interface GaugeProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
    value: number;
    /** Range start (default 0). */
    min?: number;
    /** Range end (default 100). */
    max?: number;
    /** Caption under the value. */
    label?: ReactNode;
    /** Formats the centered value (default: the raw number). */
    formatValue?: (value: number) => string;
    /** Arc color — `default` (yellow), `success`, `warning`, `error`. */
    tone?: keyof typeof gaugeTones;
    /** Diameter in px (default 160). */
    size?: number;
    /** Stroke thickness of the arc (default 12). */
    thickness?: number;
    /** Scale down to fit narrow containers (capped at `size`, stays circular). */
    fluid?: boolean;
    /** Accessible name (default: `label` when it's a string, else "Gauge"). */
    ariaLabel?: string;
}
declare const Gauge: react.ForwardRefExoticComponent<GaugeProps & react.RefAttributes<HTMLDivElement>>;

export { Gauge, type GaugeProps };