import * as React from 'react';
import './EchartsConfig';
import { ChartTooltipEntryFormatter } from '../../utils/ChartUtils';
import { IncrementLabelType } from '../../propTypes/IncrementLabel';
import { CallbackDataParams } from 'echarts/types/dist/shared';
export type DonutChartProps = {
    /**
     * The css style to apply to the chart container.
     * Use this to set specific with, padding, background color, etc.
     */
    style?: React.CSSProperties;
    /**
     * Optional callback to be called when the chart is clicked.
     */
    onClick?: (data: any) => void;
    /**
     * Whether to show the skeleton or not.
     */
    isLoading?: boolean;
    /**
     * Formatter function used to format values shown in tooltip.
     */
    tooltipEntryFormatter?: ChartTooltipEntryFormatter;
    /**
     * The series to display in the chart.
     */
    series: {
        /**
         * The name of the series.
         */
        name: string;
        /**
         * The name of the comparison series.
         */
        comparisonName?: string;
        /**
         * Formatted value to be shown in the center.
         */
        value: string;
        /**
         * Formatted increment to be shown in the center.
         */
        incrementLabelValue?: string;
        /**
         * The style to show the increment at the center of donut.
         */
        incrementLabelType?: IncrementLabelType;
        /**
         * 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 for this data item. It should be greater than 0.
             */
            value: number;
            /**
             * The label for this data item.
             */
            label: string;
            /**
             * The comparison value for this data item. It should be greater or equal than 0.
             */
            comparisonValue?: number;
            /**
             * The comparison label for this data item.
             */
            comparisonLabel?: string;
            /**
             * The color for this data item.
             */
            color: string;
            /**
             * The opacity to apply in color. Value between 0 and 1.
             */
            opacity?: number;
        }[];
    }[];
    /**
     * To modify start angle
     */
    startAngle?: number;
    /**
     * Inner circle width. Values between 0 to 100.
     */
    innerWidth?: number;
    /**
     * Function used to set specified tooltip.
     */
    getTooltip?: (param: CallbackDataParams) => React.ReactNode;
    /**
     * To show or not the icon.
     */
    showIcon?: boolean;
};
/**
 * A donut chart component to display numeric data grouped by categories and series.
 */
declare const DonutChart: ({ style, isLoading, series, startAngle, innerWidth, tooltipEntryFormatter, getTooltip, onClick, showIcon }: DonutChartProps) => import("react/jsx-runtime").JSX.Element;
export default DonutChart;
