import type { QueryProps } from 'src/shared/types';
import type { TooltipField } from '../types';
import type { MetricDetailData } from '../types/metricDetailData';
interface GaugeChartProps<TData extends {
    id: string | number;
}> {
    title?: string;
    url?: string;
    query: QueryProps;
    nameKey: string;
    valueKey: string;
    colors?: {
        low: string;
        medium: string;
        high: string;
    };
    chartDetails?: {
        columns?: any[];
        data?: any[];
    };
    tooltipValueFormat: string;
    tooltipTitle?: string;
    tooltipUnit?: string;
    tooltipAdditionalFields?: (string | TooltipField)[];
    currencyDisplaySymbol?: string;
    metricDetailData: MetricDetailData<TData>;
    showDetailsModal?: boolean;
}
declare const GaugeChart: <TData extends {
    id: string | number;
}>({ title, url, query, nameKey, valueKey, colors, chartDetails, tooltipValueFormat, tooltipTitle, tooltipUnit, tooltipAdditionalFields, metricDetailData, showDetailsModal, ...props }: GaugeChartProps<TData>) => import("react/jsx-runtime").JSX.Element;
export default GaugeChart;