import * as React from 'react';
import './EchartsConfig';
import ReactEChartsCore from 'echarts-for-react/lib/core';
import { sizes } from '../../theme/Typography';
import { IncrementLabelType } from '../../propTypes/IncrementLabel';
import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
type YAxisLabelFormatter = (value: number) => string;
export type BarChartProps = {
    /**
     * 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[];
    /**
     * labels color
     */
    labelColor?: string;
    /**
     * font size to X labels
     */
    gridLabelSize?: keyof typeof sizes;
    /**
     * Grid lines color
     */
    gridLineColor?: 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;
    /**
     * Reference to chart component
     */
    chartRef?: React.RefObject<ReactEChartsCore>;
    /**
     * The series to display in the chart.
     */
    series: {
        /**
         * The color to use for this item.
         */
        color: string;
        /**
         * The text to use for this item as name in tooltip.
         */
        tooltipName: string;
        /**
         * The comparisonColor to use for this item.
         */
        comparisonColor?: string;
        /**
         * The text to use for this item as name in tooltip.
         */
        comparisonTooltipName?: string;
        /**
         * Set to show background color in bar when not is comparison
         */
        showBackgroundColorBar?: boolean;
        data: {
            /**
             * The value to display in the chart for this serie item.
             */
            value: number;
            /**
             * The text shown in label to represent the increment value of this item.
             */
            incrementLabelValue?: string;
            /**
             * The style to use to represent the label for this serie.
             */
            incrementLabelType?: IncrementLabelType;
            /**
             * The text to use for this item as value in tooltip.
             */
            tooltipValue: string;
            /**
             * The comparison value to display in the chart for this serie item.
             */
            comparisonValue?: number;
            /**
             * The text to use for this item as value in tooltip.
             */
            comparisonTooltipValue?: string;
        }[];
    }[];
};
/**
 * A bar chart component to display numeric data grouped by categories and series.
 */
declare const BarChart: ({ style, isLoading, series, categories, labelColor, gridLineColor, gridLabelSize, chartRef, yAxisLabelFormatter, tooltipEntryFormatter, onClick }: BarChartProps) => import("react/jsx-runtime").JSX.Element;
export default BarChart;
