import type { QueryProps } from 'src/shared/types';
import type { ChartToolTipProps, DistributionQueryProps, StatisticsQueryProps, TableColumn } from '../types';
interface HeatmapChartProps<TData extends {
    id: string | number;
}> {
    title?: string;
    url?: string;
    query: QueryProps;
    xAxisKey: string;
    yAxisKey: string;
    valueKey: string;
    colorRange?: [string, string];
    tooltipTitle?: string;
    tooltipUnit?: string;
    visualMapLabels?: [string, string];
    visualMapRange?: [number, number];
    grid?: {
        top?: number | string;
        bottom?: number | string;
        left?: number | string;
        right?: number | string;
    };
    metricDetailData?: {
        statisticsUrl?: string;
        title: string;
        itemStatisticsQuery: StatisticsQueryProps;
        valueMetricsQuery: StatisticsQueryProps;
        averageMetricsQuery: StatisticsQueryProps;
        distributionMetricsQuery: DistributionQueryProps;
        nameKey: string;
        valueKey: string;
        dataGridSearchKey: string;
        dataGridColumns: TableColumn<TData>[];
        dataSearchInputPlaceHolder: string;
        chartToolTip?: ChartToolTipProps;
        detailsTableTitle?: string;
    };
}
declare const HeatmapChart: <TData extends {
    id: string | number;
}>({ title, url, query, xAxisKey, yAxisKey, valueKey, colorRange, tooltipTitle, tooltipUnit, visualMapLabels, visualMapRange, grid, metricDetailData, }: HeatmapChartProps<TData>) => import("react/jsx-runtime").JSX.Element;
export default HeatmapChart;