import { type PropsWithChildren } from 'react';
import { type MeterBarChartProps } from './types/meter-bar-chart.js';
import type { MeterBarChartElementRef } from '../shared/types/meter-bars.js';
/**
 * The `MeterBarChart` provides a lightweight and simple visualization progress
 * toward a completion, consumption of a total, etc.  It consists of a horizontal
 * bar that gradually fills up with color or shading as it approaches the max value.
 * @public
 */
export declare const MeterBarChart: ((props: MeterBarChartProps & {
    children?: import("react").ReactNode | undefined;
} & import("react").RefAttributes<MeterBarChartElementRef>) => React.ReactElement | null) & {
    Value: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Label: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Icon: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Min: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Max: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime.js").JSX.Element;
        displayName: string;
    };
    Threshold: {
        (props: import("./types/meter-bar-chart.js").MeterBarChartThresholdProps): null;
        displayName: string;
    };
    ThresholdLegend: {
        (): null;
        displayName: string;
    };
    Tooltip: {
        (): null;
        displayName: string;
    };
};