import './EchartsConfig';
import ReactEChartsCore from 'echarts-for-react/lib/core';
import { IncrementLabelType } from '../../propTypes/IncrementLabel';
import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
type YAxisLabelFormatter = (value: number) => string;
export type FunnelChartProps = {
    /**
     * The css style to apply to the chart container.
     * Use this to set specific with, padding, background color, etc.
     */
    style?: ReactEChartsCore['props']['style'];
    /**
     * The categories to display on the x axis.
     */
    categories: string[];
    /**
     * Optional callback to be called when the chart is clicked.
     */
    onClick?: (data: any) => void;
    /**
     * Whether to show the skeleton or not.
     */
    isLoading?: boolean;
    /**
     * Formatter used to format yAxis values.
     */
    yAxisLabelFormatter?: YAxisLabelFormatter;
    /**
     * Formatter function used to format values shown in tooltip.
     */
    tooltipEntryFormatter?: ChartTooltipEntryFormatter;
    /**
     * The series to display in the chart.
     */
    series: {
        /**
         * The values to display in the chart for this series.
         * The values must be in the same order and quantity as the categories.
         */
        data: {
            /**
             * The value to display in the chart for this serie item.
             */
            value: number;
            /**
             * The color to use for this item.
             */
            color: string;
            /**
             * The label to display in the chart for this series.
             */
            incrementLabelValue?: string;
            /**
             * The style to use to represent the label for this serie.
             */
            incrementLabelType?: IncrementLabelType;
            /**
             * The name to use for this item in tooltip.
             */
            tooltipName: string;
            /**
             * The label to use in the transition between this item an the following. If this is the last item, it will be ignored.
             */
            differenceToNextStepLabel?: string;
            /**
             * The comparison value to display in the chart for this serie item.
             */
            comparisonValue?: number;
            /**
             * The comparisonColor to use for this item.
             */
            comparisonColor?: string;
            /**
             * The comparison name to use for this item in tooltip.
             */
            comparisonTooltipName?: string;
        }[];
    }[];
};
/**
 * A funnel chart component to display numeric data grouped by steps and series.
 */
declare const FunnelChart: ({ style, isLoading, series, categories, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: FunnelChartProps) => import("react/jsx-runtime").JSX.Element;
export default FunnelChart;
