import * as recharts_types_util_types from 'recharts/types/util/types';
import * as recharts_types_chart_types from 'recharts/types/chart/types';
import * as lodash from 'lodash';
import * as recharts_types_chart_AccessibilityManager from 'recharts/types/chart/AccessibilityManager';
import * as recharts_types_chart_generateCategoricalChart from 'recharts/types/chart/generateCategoricalChart';
import * as react from 'react';
import * as _yamada_ui_utils from '@yamada-ui/utils';
import { Dict } from '@yamada-ui/utils';
import * as _yamada_ui_core from '@yamada-ui/core';
import { CSSUIObject, RequiredPropGetter, PropGetter } from '@yamada-ui/core';
import * as Recharts from 'recharts';
import { CellProps, PieChartProps, PieProps } from './chart.types.mjs';

interface UsePieChartOptions {
    /**
     * Chart data.
     */
    data: CellProps[];
    /**
     * Controls angle at which chart ends.
     *
     * @default -270
     */
    endAngle?: number;
    /**
     * Controls fill opacity of all pies.
     *
     * @default 1
     */
    fillOpacity?: [number, number] | number;
    /**
     * Controls innerRadius of the chart segments.
     * If it is a number, it is the width of the radius.
     * For example, `60` means the radius is `60px` and the diameter is `120px`.
     *
     * @default '0%'
     */
    innerRadius?: number | string;
    /**
     * Determines whether labels should be displayed as percentages.
     *
     * @default false
     *
     * @deprecated Use `percent` instead.
     */
    isPercent?: boolean;
    /**
     * A function to format labels.
     */
    labelFormatter?: (value: number) => string;
    /**
     * Distance between chart and label.
     */
    labelOffset?: number;
    /**
     * Controls thickness of the chart segments. If it is a number, it is calculated as px.
     * If it is a number, it is the width of the radius.
     * For example, `60` means the radius is `60px` and the diameter is `120px`.
     *
     * @default '80%'
     */
    outerRadius?: number | string;
    /**
     * Controls padding between segments.
     *
     * @default 0
     */
    paddingAngle?: number;
    /**
     * Determines whether labels should be displayed as percentages.
     *
     * @default false
     */
    percent?: boolean;
    /**
     * Controls angle at which chart starts.
     *
     * @default 90
     */
    startAngle?: number;
    /**
     * Stroke width for the chart pies.
     *
     * @default 1
     */
    strokeWidth?: number;
    /**
     * Determines whether segments labels should have lines that connect the segment with the label.
     *
     * @default false
     */
    withLabelLines?: boolean;
    /**
     * Determines whether each segment should have associated label.
     *
     * @default false
     */
    withLabels?: boolean;
    /**
     * Props for the cell.
     */
    cellProps?: Partial<CellProps>;
    /**
     * Props passed down to recharts `PieChart` component.
     */
    chartProps?: PieChartProps;
    /**
     * Props for the pie.
     */
    pieProps?: Partial<PieProps>;
}
interface UsePieChartProps extends UsePieChartOptions {
    styles: Dict<CSSUIObject | undefined>;
}
declare const usePieChart: ({ data, endAngle, fillOpacity, innerRadius, isPercent, labelFormatter, labelOffset, withLabels, outerRadius, paddingAngle, percent, startAngle, strokeWidth, styles, withLabelLines, ...rest }: UsePieChartProps) => {
    pieVars: {
        name: string;
        token?: _yamada_ui_core.ThemeToken;
        value?: _yamada_ui_core.Token<number | _yamada_ui_utils.StringLiteral>;
        __prefix?: string;
    }[];
    setHighlightedArea: react.Dispatch<react.SetStateAction<string | null>>;
    getCellProps: RequiredPropGetter<{
        index: number;
    } & Omit<Recharts.CellProps, "ref">, Recharts.CellProps>;
    getPieChartProps: PropGetter<Omit<recharts_types_chart_generateCategoricalChart.CategoricalChartProps & react.RefAttributes<{
        readonly eventEmitterSymbol: Symbol;
        clipPathId: string;
        accessibilityManager: recharts_types_chart_AccessibilityManager.AccessibilityManager;
        throttleTriggeredAfterMouseMove: lodash.DebouncedFunc<(e: recharts_types_chart_generateCategoricalChart.MousePointer) => any>;
        container?: HTMLElement;
        componentDidMount(): void;
        displayDefaultTooltip(): void;
        getSnapshotBeforeUpdate(prevProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, prevState: Readonly<recharts_types_chart_types.CategoricalChartState>): null;
        componentDidUpdate(prevProps: recharts_types_chart_generateCategoricalChart.CategoricalChartProps): void;
        componentWillUnmount(): void;
        getTooltipEventType(): recharts_types_util_types.TooltipEventType;
        getMouseInfo(event: recharts_types_chart_generateCategoricalChart.MousePointer): {
            xValue: any;
            yValue: any;
            chartX: number;
            chartY: number;
        } | {
            activeTooltipIndex: number;
            activeLabel: any;
            activePayload: any[];
            activeCoordinate: recharts_types_util_types.ChartCoordinate;
            chartX: number;
            chartY: number;
        };
        inRange(x: number, y: number, scale?: number): any;
        parseEventsOfWrapper(): any;
        addListener(): void;
        removeListener(): void;
        handleLegendBBoxUpdate: (box: DOMRect) => void;
        handleReceiveSyncEvent: (cId: string | number, data: recharts_types_chart_types.CategoricalChartState, emitter: Symbol) => void;
        handleBrushChange: ({ startIndex, endIndex }: {
            startIndex: number;
            endIndex: number;
        }) => void;
        handleMouseEnter: (e: react.MouseEvent<Element, MouseEvent>) => void;
        triggeredAfterMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer) => any;
        handleItemMouseEnter: (el: any) => void;
        handleItemMouseLeave: () => void;
        handleMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer & Partial<Omit<react.MouseEvent<Element, MouseEvent>, keyof recharts_types_chart_generateCategoricalChart.MousePointer>>) => void;
        handleMouseLeave: (e: any) => void;
        handleOuterEvent: (e: react.MouseEvent<Element, MouseEvent> | react.TouchEvent<Element>) => void;
        handleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
        handleMouseDown: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
        handleMouseUp: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
        handleTouchMove: (e: react.TouchEvent<Element>) => void;
        handleTouchStart: (e: react.TouchEvent<Element>) => void;
        handleTouchEnd: (e: react.TouchEvent<Element>) => void;
        handleDoubleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
        handleContextMenu: (e: react.MouseEvent<Element, MouseEvent>) => void;
        triggerSyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
        applySyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
        filterFormatItem(item: any, displayName: any, childIndex: any): any;
        renderCursor: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
        renderPolarAxis: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderPolarGrid: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderLegend: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderTooltip: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderBrush: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderReferenceElement: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange }: any) => react.ReactElement<any, string | react.JSXElementConstructor<any>>[];
        renderGraphicChild: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
        renderCustomized: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderClipPath(): react.JSX.Element;
        getXScales(): {
            [x: string]: Function | recharts_types_util_types.ScaleType;
        };
        getYScales(): {
            [x: string]: Function | recharts_types_util_types.ScaleType;
        };
        getXScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
        getYScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
        getItemByXY(chartXY: {
            x: number;
            y: number;
        }): {
            graphicalItem: any;
            payload: any;
        };
        renderMap: {
            CartesianGrid: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            ReferenceArea: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            ReferenceLine: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            ReferenceDot: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            XAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            YAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            Brush: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            Bar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Line: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Area: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Radar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            RadialBar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Scatter: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Pie: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Funnel: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Tooltip: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
                once: boolean;
            };
            PolarGrid: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            PolarAngleAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            PolarRadiusAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            Customized: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
        };
        render(): react.JSX.Element;
        context: unknown;
        setState<K extends keyof recharts_types_chart_types.CategoricalChartState>(state: recharts_types_chart_types.CategoricalChartState | ((prevState: Readonly<recharts_types_chart_types.CategoricalChartState>, props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>) => recharts_types_chart_types.CategoricalChartState | Pick<recharts_types_chart_types.CategoricalChartState, K>) | Pick<recharts_types_chart_types.CategoricalChartState, K>, callback?: () => void): void;
        forceUpdate(callback?: () => void): void;
        readonly props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
        state: Readonly<recharts_types_chart_types.CategoricalChartState>;
        refs: {
            [key: string]: react.ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: react.ErrorInfo): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
    }>, "ref">, Omit<recharts_types_chart_generateCategoricalChart.CategoricalChartProps & react.RefAttributes<{
        readonly eventEmitterSymbol: Symbol;
        clipPathId: string;
        accessibilityManager: recharts_types_chart_AccessibilityManager.AccessibilityManager;
        throttleTriggeredAfterMouseMove: lodash.DebouncedFunc<(e: recharts_types_chart_generateCategoricalChart.MousePointer) => any>;
        container?: HTMLElement;
        componentDidMount(): void;
        displayDefaultTooltip(): void;
        getSnapshotBeforeUpdate(prevProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, prevState: Readonly<recharts_types_chart_types.CategoricalChartState>): null;
        componentDidUpdate(prevProps: recharts_types_chart_generateCategoricalChart.CategoricalChartProps): void;
        componentWillUnmount(): void;
        getTooltipEventType(): recharts_types_util_types.TooltipEventType;
        getMouseInfo(event: recharts_types_chart_generateCategoricalChart.MousePointer): {
            xValue: any;
            yValue: any;
            chartX: number;
            chartY: number;
        } | {
            activeTooltipIndex: number;
            activeLabel: any;
            activePayload: any[];
            activeCoordinate: recharts_types_util_types.ChartCoordinate;
            chartX: number;
            chartY: number;
        };
        inRange(x: number, y: number, scale?: number): any;
        parseEventsOfWrapper(): any;
        addListener(): void;
        removeListener(): void;
        handleLegendBBoxUpdate: (box: DOMRect) => void;
        handleReceiveSyncEvent: (cId: string | number, data: recharts_types_chart_types.CategoricalChartState, emitter: Symbol) => void;
        handleBrushChange: ({ startIndex, endIndex }: {
            startIndex: number;
            endIndex: number;
        }) => void;
        handleMouseEnter: (e: react.MouseEvent<Element, MouseEvent>) => void;
        triggeredAfterMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer) => any;
        handleItemMouseEnter: (el: any) => void;
        handleItemMouseLeave: () => void;
        handleMouseMove: (e: recharts_types_chart_generateCategoricalChart.MousePointer & Partial<Omit<react.MouseEvent<Element, MouseEvent>, keyof recharts_types_chart_generateCategoricalChart.MousePointer>>) => void;
        handleMouseLeave: (e: any) => void;
        handleOuterEvent: (e: react.MouseEvent<Element, MouseEvent> | react.TouchEvent<Element>) => void;
        handleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
        handleMouseDown: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
        handleMouseUp: (e: react.MouseEvent<Element, MouseEvent> | react.Touch) => void;
        handleTouchMove: (e: react.TouchEvent<Element>) => void;
        handleTouchStart: (e: react.TouchEvent<Element>) => void;
        handleTouchEnd: (e: react.TouchEvent<Element>) => void;
        handleDoubleClick: (e: react.MouseEvent<Element, MouseEvent>) => void;
        handleContextMenu: (e: react.MouseEvent<Element, MouseEvent>) => void;
        triggerSyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
        applySyncEvent: (data: recharts_types_chart_types.CategoricalChartState) => void;
        filterFormatItem(item: any, displayName: any, childIndex: any): any;
        renderCursor: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
        renderPolarAxis: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderPolarGrid: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderLegend: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderTooltip: () => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderBrush: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderReferenceElement: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderActivePoints: ({ item, activePoint, basePoint, childIndex, isRange }: any) => react.ReactElement<any, string | react.JSXElementConstructor<any>>[];
        renderGraphicChild: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
        renderCustomized: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
        renderClipPath(): react.JSX.Element;
        getXScales(): {
            [x: string]: Function | recharts_types_util_types.ScaleType;
        };
        getYScales(): {
            [x: string]: Function | recharts_types_util_types.ScaleType;
        };
        getXScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
        getYScaleByAxisId(axisId: string): Function | recharts_types_util_types.ScaleType;
        getItemByXY(chartXY: {
            x: number;
            y: number;
        }): {
            graphicalItem: any;
            payload: any;
        };
        renderMap: {
            CartesianGrid: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            ReferenceArea: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            ReferenceLine: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            ReferenceDot: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            XAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            YAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            Brush: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            Bar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Line: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Area: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Radar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            RadialBar: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Scatter: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Pie: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Funnel: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => any[];
            };
            Tooltip: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.JSX.Element;
                once: boolean;
            };
            PolarGrid: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
                once: boolean;
            };
            PolarAngleAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            PolarRadiusAxis: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
            Customized: {
                handler: (element: react.ReactElement<any, string | react.JSXElementConstructor<any>>, displayName: string, index: number) => react.ReactElement<any, string | react.JSXElementConstructor<any>>;
            };
        };
        render(): react.JSX.Element;
        context: unknown;
        setState<K extends keyof recharts_types_chart_types.CategoricalChartState>(state: recharts_types_chart_types.CategoricalChartState | ((prevState: Readonly<recharts_types_chart_types.CategoricalChartState>, props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>) => recharts_types_chart_types.CategoricalChartState | Pick<recharts_types_chart_types.CategoricalChartState, K>) | Pick<recharts_types_chart_types.CategoricalChartState, K>, callback?: () => void): void;
        forceUpdate(callback?: () => void): void;
        readonly props: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>;
        state: Readonly<recharts_types_chart_types.CategoricalChartState>;
        refs: {
            [key: string]: react.ReactInstance;
        };
        shouldComponentUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): boolean;
        componentDidCatch?(error: Error, errorInfo: react.ErrorInfo): void;
        componentWillMount?(): void;
        UNSAFE_componentWillMount?(): void;
        componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextContext: any): void;
        componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
        UNSAFE_componentWillUpdate?(nextProps: Readonly<recharts_types_chart_generateCategoricalChart.CategoricalChartProps>, nextState: Readonly<recharts_types_chart_types.CategoricalChartState>, nextContext: any): void;
    }>, "ref">>;
    getPieProps: RequiredPropGetter<Partial<Recharts.PieProps>, Omit<Recharts.PieProps, "ref">>;
};
type UsePieChartReturn = ReturnType<typeof usePieChart>;

export { type UsePieChartOptions, type UsePieChartReturn, usePieChart };