import { CSSUIObject, PropGetter } from '@yamada-ui/core';
import { Dict } from '@yamada-ui/utils';
import { CartesianGridProps } from 'recharts';
import { ChartAxisType, GridProps } from './chart.types.js';
import 'react';

interface UseChartGridOptions {
    /**
     * Specifies which lines should be displayed in the grid.
     *
     * @default 'x'
     */
    gridAxis?: ChartAxisType;
    /**
     * Dash array for the grid lines and cursor. The first number is the length of the solid line section and the second number is the length of the interval.
     *
     * @default '5 5'
     */
    strokeDasharray?: number | string;
    /**
     * Props passed down to recharts 'CartesianGrid' component.
     */
    gridProps?: GridProps;
}
interface UseChartGridProps extends UseChartGridOptions {
    styles: Dict<CSSUIObject | undefined>;
}
declare const useChartGrid: ({ gridAxis, strokeDasharray, styles, gridProps, }: UseChartGridProps) => {
    getGridProps: PropGetter<Partial<CartesianGridProps>, CartesianGridProps>;
};

export { type UseChartGridOptions, useChartGrid };