import React from 'react';
import { FormatValue } from "../../types";
import { Scaler } from "../../utils/scale";
import { LabelSize } from "./index";
import { GroupItem } from "./components/Group/index";
import { Position } from "./components/Ticks/index";
import { TooltipData } from "./components/Tooltip/index";
import { ColumnSize, Size } from "./helpers";
export declare type RenderGroupsLabels = (props: {
    values: readonly string[];
    position: Position;
    size: Size;
    isXAxisLabelsSlanted?: boolean;
    getGridAreaName: (index: number) => string;
}) => React.ReactElement | null;
export declare const defaultRenderGroupsLabels: RenderGroupsLabels;
export declare type RenderAxisValues = (props: {
    values: readonly number[];
    scaler: Scaler<number>;
    position: Position;
    size: Size;
    formatValueForLabel?: FormatValue;
}) => React.ReactElement | null;
export declare const defaultRenderAxisValues: RenderAxisValues;
export declare type RenderGroup<T> = (props: {
    item: T;
    index: number;
    isLast: boolean;
    isFirst: boolean;
    isDense: boolean;
    columnSize: ColumnSize;
    showValues: boolean;
    showReversed: boolean;
    isHorizontal: boolean;
    activeGroup?: string;
    activeSectionIndex?: number;
    scaler: (value: number) => number;
    onMouseEnterColumn: (groupName: string, params: TooltipData) => void;
    onMouseLeaveColumn: (groupName: string) => void;
    formatValueForLabel: FormatValue;
    onChangeLabelSize?: (size: LabelSize) => void;
}) => React.ReactElement | null;
export declare const defaultRenderGroup: RenderGroup<GroupItem>;