import { ILineChartAreaHighlightRange, ILineChartDateRange, ILineChartGraphType, ILineChartMetric, ILineChartThresholdLineProps, ILineChartThresholdTooltipInfo } from "../../core/LineChart/type";
import { DropdownProps } from "antd5";
import React from "react";
import { TooltipProps } from "recharts";
import { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
import { AxisDomain } from "recharts/types/util/types";
export interface IChartProps<TValue extends ValueType = string, TName extends NameType = number> {
    metricName: string;
    yAxisAlign?: "left" | "right";
    showXAxis?: boolean;
    showLegend?: boolean;
    syncId: string;
    height: number;
    type: ILineChartGraphType;
    mode?: "simple" | "legend" | "single";
    averageLine?: boolean;
    dropdownProps?: DropdownProps;
    onLabelsChange?: (labels: string[]) => void;
    metric: ILineChartMetric;
    areaHighlightRanges?: ILineChartAreaHighlightRange[];
    forecastStartTimestamp?: number;
    thresholdLineProps?: ILineChartThresholdLineProps;
    renderThresholdTooltip?: (info: ILineChartThresholdTooltipInfo) => React.ReactElement;
    yAxisProps?: {
        domain?: AxisDomain;
        ticks?: (string | number)[];
        tickFormatter?: (value: any, index: number) => string;
    };
    xAxisProps?: {
        domain?: AxisDomain;
        ticks?: (string | number)[];
        tickFormatter?: (value: any, index: number) => string;
    };
    actionsProps?: {
        show?: boolean;
        label: string | React.ReactNode;
        dropdownProps?: DropdownProps;
    };
    tooltipProps: TooltipProps<TValue, TName> & {
        format?: (payload: Payload<number, string>) => string;
    };
    dateRange?: ILineChartDateRange;
    emptyText?: React.ReactNode | string;
    emptyIcon?: React.ReactNode | string;
}
declare const RenderChart: (props: IChartProps & {
    width: number;
}) => React.JSX.Element;
export default RenderChart;