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: PropsWithChildren<MeterBarChartProps> & import("react").RefAttributes<MeterBarChartElementRef>) => import("react").ReactElement | null) & {
    Value: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Label: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Min: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    Max: {
        ({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
        displayName: string;
    };
    ThresholdIndicator: {
        (props: import("./types/meter-bar-chart.js").MeterBarChartThresholdIndicatorProps): null;
        displayName: string;
    };
    ThresholdLegend: {
        (): null;
        displayName: string;
    };
    Legend: {
        (_props: import("../../index.js").MeterBarChartLegendProps): null;
        displayName: string;
    };
    Tooltip: {
        (props: import("./types/meter-bar-chart.js").MeterBarChartTooltipProps): null;
        displayName: string;
    };
    ColorRule: {
        (_props: import("../../index.js").ColorRuleProps): null;
        displayName: string;
    };
    Intent: {
        (props: import("../../../index.js").IntentProps): null;
        displayName: string;
    };
    Toolbar: {
        (props: import("../../index.js").MeterBarToolbarSlotProps): null;
        displayName: string;
    };
};