import { default as React } from 'react';
export type LimitsState = "red_low" | "yellow_low" | "green" | "yellow_high" | "red_high" | "blue" | "stale";
export interface LimitsBarProps {
    /** Current value */
    value: number;
    /** Red low threshold (minimum critical) */
    redLow?: number;
    /** Yellow low threshold (minimum warning) */
    yellowLow?: number;
    /** Green low threshold (start of nominal) */
    greenLow?: number;
    /** Green high threshold (end of nominal) */
    greenHigh?: number;
    /** Yellow high threshold (maximum warning) */
    yellowHigh?: number;
    /** Red high threshold (maximum critical) */
    redHigh?: number;
    /** Overall min for the bar (defaults to redLow - 10%) */
    min?: number;
    /** Overall max for the bar (defaults to redHigh + 10%) */
    max?: number;
    /** Label text */
    label?: string;
    /** Unit string */
    unit?: string;
    /** Whether the value is stale / not updating */
    stale?: boolean;
    /** Compact mode (thinner bar, less text) */
    compact?: boolean;
    /** Show the numeric value on the bar */
    showValue?: boolean;
    /** Show limit threshold labels */
    showThresholds?: boolean;
    /** Width (default: '100%') */
    width?: number | string;
    /** Height of the bar (default: 20 for normal, 12 for compact) */
    barHeight?: number;
    /** Custom status override (forces a specific status regardless of value) */
    statusOverride?: LimitsState;
    /** Called when status changes */
    onStatusChange?: (status: LimitsState, value: number) => void;
    /** When false, lower-limit zones (red-low, yellow-low, green-low) are hidden even if threshold values are provided */
    showLower?: boolean;
    /** When false, upper-limit zones (green-high, yellow-high, red-high) are hidden even if threshold values are provided */
    showUpper?: boolean;
    /** CSS class */
    className?: string;
}
export declare const LimitsBar: React.NamedExoticComponent<LimitsBarProps>;
export default LimitsBar;