import * as React from 'react';
import { Meter as BaseMeter } from '@base-ui/react/meter';
interface MeterStatusClassNames {
    optimum?: string;
    suboptimum?: string;
    invalid?: string;
    default?: string;
}
interface MeterProps extends BaseMeter.Root.Props {
    /** Upper edge of the "low" zone. Enables status coloring. */
    low?: number;
    /** Lower edge of the "high" zone. Enables status coloring. */
    high?: number;
    /** The ideal value; the zone it lands in becomes the green "optimum" zone. Enables status coloring. */
    optimum?: number;
    /** Override the indicator background class per status (and the no-threshold `default`). */
    statusClassNames?: MeterStatusClassNames;
}
declare function Meter({ value, min, max, low, high, optimum, statusClassNames, className, children, ...props }: MeterProps): React.JSX.Element;
type MeterLabelProps = BaseMeter.Label.Props;
declare function MeterLabel({ className, ...props }: MeterLabelProps): React.JSX.Element;
type MeterValueProps = BaseMeter.Value.Props;
declare function MeterValue({ className, ...props }: MeterValueProps): React.JSX.Element;
type MeterProgressProps = BaseMeter.Track.Props;
declare function MeterProgress({ className, ...props }: MeterProgressProps): React.JSX.Element;
export { Meter, MeterLabel, MeterValue, MeterProgress };
export type { MeterProps, MeterLabelProps, MeterValueProps, MeterProgressProps, MeterStatusClassNames };
//# sourceMappingURL=meter.d.ts.map