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 { FC, ReactNode } 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, PropGetter, RequiredPropGetter } from '@yamada-ui/core';
import * as react_jsx_runtime from 'react/jsx-runtime';
import * as Recharts from 'recharts';
import { BarProps, BarChartType, ChartLayoutType, BarChartProps, ReferenceLineProps } from './chart.types.js';

interface UseBarChartOptions {
    /**
     * Chart data.
     */
    data: Dict[];
    /**
     * An array of objects with `name` and `color` keys. Determines which data should be consumed from the `data` array.
     */
    series: BarProps[];
    /**
     * Controls how chart bars are positioned relative to each other.
     *
     * @default `default`
     */
    type?: BarChartType;
    /**
     * A function that returns a component that renders the bar cells.
     */
    cell?: FC<BarCellProps> | ReactNode;
    /**
     * Controls fill opacity of all bars.
     *
     * @default 1
     */
    fillOpacity?: [number, number] | number;
    /**
     * Chart orientation.
     *
     * @default 'horizontal'
     */
    layoutType?: ChartLayoutType;
    /**
     * 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;
    /**
     * A label to display below the X axis.
     */
    xAxisLabel?: string;
    /**
     * A label to display below the Y axis.
     */
    yAxisLabel?: string;
    /**
     * Props for the bars.
     */
    barProps?: Partial<BarProps>;
    /**
     * Props passed down to recharts `BarChart` component.
     */
    chartProps?: BarChartProps;
    /**
     * Reference lines that should be displayed on the chart.
     */
    referenceLineProps?: ReferenceLineProps[];
}
interface UseBarChartProps extends UseBarChartOptions {
    styles: Dict<CSSUIObject | undefined>;
}
declare const useBarChart: ({ type, cell, data, fillOpacity, layoutType, series, styles, syncId, xAxisLabel, yAxisLabel, referenceLineProps, ...rest }: UseBarChartProps) => {
    bars: react_jsx_runtime.JSX.Element[];
    barVars: {
        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>>;
    getBarChartProps: 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">>;
    getBarProps: RequiredPropGetter<{
        index: number;
    } & Partial<Recharts.BarProps>, Omit<Recharts.BarProps, "ref">>;
};
type UseBarChartReturn = ReturnType<typeof useBarChart>;
interface BarCellProps {
    data: Dict;
    hasStack: boolean;
    index: number;
    series: BarProps;
}

export { type BarCellProps, type UseBarChartOptions, type UseBarChartProps, type UseBarChartReturn, useBarChart };