import { TooltipProps } from 'recharts';
import { Props as LegendContentProps } from 'recharts/types/component/DefaultLegendContent';
import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
import { Props as DotProps } from 'recharts/types/shape/Dot';
/**
 * Selects evenly spaced items from an array. Used for rendering
 * certain number of x-axis labels.
 * @param dataArray - The array of items to select from.
 * @param count - The number of items to select.
 * @returns The selected items.
 */
export declare const selectEvenlySpacedItems: <T extends readonly unknown[]>(dataArray: T, count: number) => Array<T[number]>;
interface ChartLegendContentProps extends LegendContentProps {
    reversed?: boolean;
    className?: string;
    align?: "left" | "center" | "right";
}
export declare const ChartLegendContent: ({ payload, verticalAlign, reversed, className, align, }: ChartLegendContentProps) => import("react/jsx-runtime").JSX.Element | null;
interface ChartTooltipContentProps extends TooltipProps<ValueType, NameType> {
    isRadialChart?: boolean;
    isPieChart?: boolean;
    payload?: any;
    label?: string;
    formatter?: (value: ValueType, name: NameType, props: any, index: number, payload: any) => [string | number | (string | number)[], string?];
    labelFormatter?: (label: any, payload: any) => string;
}
export declare const ChartTooltipContent: ({ active, payload, label, isRadialChart, isPieChart, formatter, labelFormatter, }: ChartTooltipContentProps) => import("react/jsx-runtime").JSX.Element | null;
interface ChartActiveDotProps extends DotProps {
    cx?: number;
    cy?: number;
}
export declare const ChartActiveDot: ({ cx, cy }: ChartActiveDotProps) => import("react/jsx-runtime").JSX.Element;
/**
 * Hook to detect breakpoints (simplified version)
 */
export declare const useBreakpoint: (size: "sm" | "md" | "lg" | "xl") => boolean;
export {};
