import { Ref } from 'react';
export interface SegmentedGaugeProps {
    /**
     * The current value of the gauge
     */
    value?: number;
    /**
     * Minimum value of the gauge (aria-valuemin)
     */
    min: number;
    /**
     * Maximum value of the gauge (aria-valuemax)
     */
    max: number;
    /**
     * Description text for the gauge (aria-describedby)
     */
    description?: string;
    /**
     * Size of the gauge
     */
    size?: 'sm' | 'md';
    /**
     * Intent of the gauge - predefined color intent
     */
    intent?: 'main' | 'support' | 'basic' | 'accent' | 'success' | 'alert' | 'danger' | 'info' | 'neutral';
    /**
     * Custom color for the gauge (hex, CSS variable, etc.)
     */
    customColor?: string;
    /**
     * ID of the gauge element
     */
    id?: string;
    /**
     * Accessible label for the gauge (required if no id is provided)
     */
    'aria-label'?: string;
    /**
     * Textual representation of the current value (aria-valuetext)
     * By default, percentage is used (e.g. "33%")
     */
    'aria-valuetext'?: string;
    /**
     * Additional CSS classes
     */
    className?: string;
    /**
     * Ref to the root element
     */
    ref?: Ref<HTMLDivElement>;
    /**
     * Children render prop for custom rendering
     */
    children?: (props: {
        segments: {
            isActive: boolean;
            isCurrent: boolean;
        }[];
        currentIndex: number;
    }) => React.ReactNode;
}
export declare const SegmentedGauge: {
    ({ value, min, max, description, size, intent, customColor, id, "aria-label": ariaLabel, className, ref, children, ...props }: SegmentedGaugeProps): import("react/jsx-runtime").JSX.Element;
    displayName: string;
};
