import { default as React } from 'react';
export interface GaugeSegment {
    from?: number;
    to: number;
    color?: string;
    label?: string;
    data?: any;
}
export interface GaugeChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "className"> {
    value?: number;
    min?: number;
    max?: number;
    /**
     * Gauge range segments.
     *
     * @type|complex
     * @schema {
     *   "type":"array",
     *   "items":{
     *     "type":"object",
     *     "properties":{
     *       "from":{"type":"number"},
     *       "to":{"type":"number"},
     *       "color":{"type":"string"},
     *       "label":{"type":"string"},
     *       "data":{"type":"object"}
     *     },
     *     "required":["to"]
     *   }
     * }
     */
    segments?: GaugeSegment[];
    height?: number;
    startAngle?: number;
    endAngle?: number;
    innerRadius?: number;
    outerRadius?: number;
    showNeedle?: boolean;
    showValue?: boolean;
    showLabel?: boolean;
    showMinMax?: boolean;
    showTicks?: boolean;
    showSegmentLabels?: boolean;
    showTooltip?: boolean;
    tickCount?: number;
    label?: string;
    valuePrefix?: string;
    valueSuffix?: string;
    precision?: number;
    /**
     * Background track color.
     *
     * @color
     */
    trackColor?: string;
    /**
     * Needle color.
     *
     * @color
     */
    needleColor?: string;
    /**
     * Value text color.
     *
     * @color
     */
    valueColor?: string;
    /**
     * Secondary text color.
     *
     * @color
     */
    textColor?: string;
    /**
     * Default segment color when
     * a segment has no color.
     *
     * @color
     */
    segmentColor?: string;
    /**
     * Root customization.
     *
     * @type|class
     * @schema [
     *   {
     *     "key":"Width",
     *     "prefix":"w",
     *     "type":"select",
     *     "options":[
     *       {"key":"full","label":"Full Width"},
     *       {"key":"64","label":"Small"},
     *       {"key":"80","label":"Medium"},
     *       {"key":"96","label":"Large"}
     *     ]
     *   },
     *   {
     *     "key":"Background",
     *     "prefix":"bg",
     *     "type":"select",
     *     "options":[
     *       {"key":"white","label":"White"},
     *       {"key":"gray-50","label":"Gray 50"},
     *       {"key":"gray-900","label":"Gray 900"},
     *       {"key":"transparent","label":"Transparent"}
     *     ]
     *   },
     *   {
     *     "key":"Radius",
     *     "prefix":"rounded",
     *     "type":"select",
     *     "options":[
     *       {"key":"none","label":"None"},
     *       {"key":"md","label":"Medium"},
     *       {"key":"lg","label":"Large"},
     *       {"key":"xl","label":"Extra Large"},
     *       {"key":"2xl","label":"2XL"}
     *     ]
     *   }
     * ]
     */
    className?: string;
    /**
     * SVG customization.
     *
     * @type|class
     */
    chartClassName?: string;
    /** @type|function */
    onSegmentClick?: (segment: GaugeSegment, index: number) => void;
    /** @type|function */
    onSegmentHover?: (segment: GaugeSegment, index: number) => void;
    /** @type|function */
    onSegmentHoverEnd?: (segment: GaugeSegment, index: number) => void;
    /** @type|function */
    onGaugeClick?: (value: number) => void;
}
export default function GaugeChart({ value, min, max, segments, height, startAngle, endAngle, innerRadius, outerRadius, showNeedle, showValue, showLabel, showMinMax, showTicks, showSegmentLabels, showTooltip, tickCount, label, valuePrefix, valueSuffix, precision, trackColor, needleColor, valueColor, textColor, segmentColor, className, chartClassName, onSegmentClick, onSegmentHover, onSegmentHoverEnd, onGaugeClick, style, ...props }: GaugeChartProps): import("react/jsx-runtime").JSX.Element;