import { RootProps } from './meter-bar-root';
import { IndicatorProps } from './meter-bar-indicator';

/**
 *
 *  @example
 * ```tsx
 * <MeterBar value={50} />
 * ```
 * @example
 * ```tsx
 * <MeterBar>
 *    <MeterBar.Indicator value={10} />
 *    <MeterBar.Indicator value={50} />
 * </MeterBar>
 * ```
 */
export declare const MeterBar: import('react').ForwardRefExoticComponent<RootProps & import('react').RefAttributes<HTMLDivElement>> & {
    Indicator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
        value: number | null | undefined;
        max?: number;
        color?: string;
        getValueLabel?(value: number, max: number): string;
    } & import('react').RefAttributes<HTMLDivElement>>;
};
export type MeterBarProps = {
    Root: RootProps;
    Indicator: IndicatorProps;
};