import { FC, HTMLAttributes } from 'react'; import { MeterSize, MeterVariant } from './types'; export interface MeterProps extends HTMLAttributes { /** * Visual size of the meter component. * Typically maps to predefined size tokens in a design system. */ size?: MeterSize; /** * Visual variant of the meter (e.g., for styling themes). */ variant?: MeterVariant; /** * Maximum possible value of the meter. * Default is 100. */ max?: number; /** * Minimum possible value of the meter. * Default is 0. */ min?: number; /** * The current numeric value displayed by the meter. * Required. Clamped between `min` and `max`. */ value: number; /** * Visually hidden accessible label for screen readers, * describing the current value (e.g., "60% fuel"). */ valueText?: string; /** * Whether the meter should expand to fill the width with its container. */ fullWidth?: boolean; /** * The "optimal" value for the meter. * Used to determine which region (low, high, optimum) is preferred. */ optimum?: number; /** * The lower threshold for suboptimal values. * If the value is below this, it may be considered "bad". */ low?: number; /** * The upper threshold for suboptimal values. * If the value is above this, it may be considered "bad" (if optimum is low). */ high?: number; } /** Meter is a UI component used to display a scalar measurement within a known range, often represents values like disk usage, temperature, or performance levels relative to a minimum and maximum threshold. */ export declare const Meter: FC;