import { CSSProperties, FunctionComponent, RefObject } from 'react';
import { Margins, Scale, SizedConfig, Formatter, ColumnType } from '../types';
import { PlotEnv } from '../utils/PlotEnv';
interface Props {
    canvasRef: RefObject<HTMLCanvasElement>;
    env: PlotEnv;
    style: CSSProperties;
}
interface DrawAxesOptions {
    canvas: HTMLCanvasElement;
    innerWidth: number;
    innerHeight: number;
    margins: Margins;
    xDomain: number[];
    yDomain: number[];
    xTicks: number[];
    yTicks: Array<number | string>;
    xTickFormatter: Formatter;
    yTickFormatter: Formatter;
    xScale: Scale<number, number>;
    yScale: Scale<number, number>;
    config: SizedConfig;
    yColumnType?: ColumnType;
}
export declare const drawAxes: ({ canvas, innerWidth, innerHeight, margins, xDomain, yDomain, xTicks, yTicks, xTickFormatter, yTickFormatter, xScale, yScale, config: { width, height, axisColor, axisOpacity, gridColor, gridOpacity, tickFont, tickFontColor, xAxisLabel, yAxisLabel, }, }: DrawAxesOptions) => void;
export declare const Axes: FunctionComponent<Props>;
export {};
