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 { AreaGradientProps } from './area-chart-gradient.mjs';
import { AreaSplitProps } from './area-chart-split.mjs';
import { AreaProps, AreaChartType, ChartCurveType, ChartLayoutType, AreaChartProps, ReferenceLineProps } from './chart.types.mjs';

interface UseAreaChartOptions {
    /**
     * Chart data.
     */
    data: Dict[];
    /**
     * An array of objects with `dataKey` and `color` keys. Determines which data should be consumed from the `data` array.
     */
    series: AreaProps[];
    /**
     * Controls how chart areas are positioned relative to each other.
     *
     * @default `default`
     */
    type?: AreaChartType;
    /**
     * Determines whether points with `null` values should be connected.
     *
     * @default true
     */
    connectNulls?: boolean;
    /**
     * Type of the curve.
     *
     * @default `monotone`
     */
    curveType?: ChartCurveType;
    /**
     * Controls fill opacity of all areas.
     *
     * @default 0.4
     */
    fillOpacity?: [number, number] | number;
    /**
     * Chart orientation.
     *
     * @default 'horizontal'
     */
    layoutType?: ChartLayoutType;
    /**
     * A tuple of colors used when `type="split"` is set, ignored in all other cases.
     *
     * @default '["red.400", "green.400"]'
     */
    splitColors?: [string, string];
    /**
     * Offset for the split gradient. By default, value is inferred from `data` and `series` if possible.
     * Must be generated from the data array with `getSplitOffset` function.
     */
    splitOffset?: number;
    /**
     * Stroke width for the chart areas.
     *
     * @default 2
     */
    strokeWidth?: number;
    /**
     * If any two categorical charts have the same syncId,
     * these two charts can sync the position tooltip, and the startIndex, endIndex of Brush.
     */
    syncId?: number | string;
    /**
     * Determines whether activeDots should be displayed.
     *
     * @default true
     */
    withActiveDots?: boolean;
    /**
     * Determines whether dots should be displayed.
     *
     * @default true
     */
    withDots?: boolean;
    /**
     * Determines whether the chart area should be represented with a gradient instead of the solid color.
     */
    withGradient?: boolean;
    /**
     * A label to display below the X axis.
     */
    xAxisLabel?: string;
    /**
     * A label to display below the Y axis.
     */
    yAxisLabel?: string;
    /**
     * Props for the areas.
     */
    areaProps?: Partial<AreaProps>;
    /**
     * Props passed down to recharts `AreaChart` component.
     */
    chartProps?: AreaChartProps;
    /**
     * Reference lines that should be displayed on the chart.
     */
    referenceLineProps?: ReferenceLineProps[];
}
interface UseAreaChartProps extends UseAreaChartOptions {
    styles: Dict<CSSUIObject | undefined>;
}
declare const useAreaChart: ({ type, connectNulls, curveType, data, fillOpacity, layoutType, series, splitColors, splitOffset, strokeWidth, styles, syncId, withActiveDots, withDots, withGradient: withGradientProp, xAxisLabel, yAxisLabel, referenceLineProps, ...rest }: UseAreaChartProps) => {
    areaVars: {
        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>>;
    getAreaChartProps: RequiredPropGetter<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">>;
    getAreaGradientProps: PropGetter<Partial<AreaGradientProps>, AreaGradientProps>;
    getAreaProps: RequiredPropGetter<{
        index: number;
    } & Partial<Recharts.AreaProps>, Omit<Recharts.AreaProps, "ref">>;
    getAreaSplitProps: PropGetter<Partial<AreaSplitProps>, AreaSplitProps>;
};
type UseAreaChartReturn = ReturnType<typeof useAreaChart>;

export { type UseAreaChartOptions, type UseAreaChartReturn, useAreaChart };