import type { QueryProps } from 'src/shared/types';
import type { ChartToolTipProps, DistributionChartTooltip, DistributionQueryProps, MetricData, StatisticsQueryProps, TableColumn, TooltipField } from '../types';
export declare const sortMetricData: (data: MetricData[], valueKey: string, sortOrder?: "asc" | "desc") => MetricData[];
interface ChartProps<TData extends {
    id: string | number;
}> {
    title?: string;
    colorScheme?: string[];
    chartDetails?: {
        columns?: any[];
        data?: any[];
    };
    themeColor?: string;
    className?: string;
    url?: string;
    query: QueryProps;
    sortOrder?: 'asc' | 'desc';
    tooltipValueFormat: string;
    tooltipTitle?: string;
    tooltipUnit?: string;
    tooltipAdditionalFields?: TooltipField[];
    currencyDisplaySymbol?: string;
    metricDetailData: {
        title: string;
        topFiveChartTitle: string;
        bottomFiveChartTitle: string;
        statisticsUrl?: string;
        itemStatisticsQuery: StatisticsQueryProps;
        valueMetricsQuery: StatisticsQueryProps;
        averageMetricsQuery: StatisticsQueryProps;
        distributionMetricsQuery: DistributionQueryProps;
        yAxisDataNameKey: string;
        xAxisNameKey: string;
        xAxisLabel: string;
        yAxisLabel: string;
        nameKey: string;
        valueKey: string;
        dataGridSearchKey: string;
        dataGridColumns: TableColumn<TData>[];
        dataSearchInputPlaceHolder: string;
        chartToolTip: ChartToolTipProps;
        detailsTableTitle?: string;
        distributionChartTooltip: DistributionChartTooltip;
    };
    showDetailsModal?: boolean;
}
declare const HorizontalBarChart: <TData extends {
    id: string | number;
}>({ title, colorScheme, className, url, tooltipValueFormat, query, sortOrder, tooltipTitle, tooltipUnit, tooltipAdditionalFields, currencyDisplaySymbol, metricDetailData, showDetailsModal, ...props }: ChartProps<TData>) => import("react/jsx-runtime").JSX.Element;
export default HorizontalBarChart;