/// <reference types="react" />
import './donut.styles.scss';
export type Item = {
    className?: string;
    isEmpty?: boolean;
    value: number;
};
export type ItemWithRenderProps = Item & {
    angle: number;
    classNames: string;
    fill: string;
    index: number;
    opacity: number;
    stroke: string;
};
export type Colors = string[];
export type Props = {
    className?: string;
    clickToggle?: boolean;
    colorFunction?: (colors: Colors, index: number) => string;
    colors?: Colors;
    data: Item[];
    emptyColor?: string;
    emptyOffset?: number;
    formatValues?: (value: number, total: number) => string;
    height?: number;
    interactive?: boolean;
    innerRadius?: number;
    legend?: boolean;
    onClick?: (item: Item, toggled: boolean) => void;
    onMouseEnter?: (item: Item) => void;
    onMouseLeave?: (item: Item) => void;
    outerRadius?: number;
    selectedOffset?: number;
    strokeColor?: string;
    toggledOffset?: number;
    width?: number;
};
export type Context = Pick<Required<Props>, 'className' | 'emptyOffset' | 'innerRadius' | 'outerRadius' | 'selectedOffset' | 'toggledOffset' | 'width'> & {
    graphWidth: number;
    selected: Item | null;
    toggleSelect: boolean;
    total: number;
};
export declare const DonutChartContext: import("react").Context<Context>;
declare const DonutChart: React.FC<Props>;
export type PropsArc = {
    item: ItemWithRenderProps;
};
export default DonutChart;