import React from "react";
import * as d3 from "d3";
import { Point, Tooltip as TooltipType } from "./hooks";
export interface D3LineChartProps {
    title: string;
    height: number;
    width: number;
    payload: {
        title: string;
        color: string;
        data: any[];
        minY?: number | string;
        maxY?: number | string;
    }[];
    margin?: {
        top: number;
        right: number;
        bottom: number;
        left: number;
    };
    padding?: {
        top: number;
        right: number;
        bottom: number;
        left: number;
    };
    showGrid?: {
        horizontal: boolean;
        vertical: boolean;
    };
    ticksX?: number;
    ticksY?: number;
    scaleFonts?: {
        fontSize?: number;
        fontFamily?: string;
    };
    formatterX?: (d: d3.NumberValue) => string;
    formatterYRight?: (d: d3.NumberValue) => string;
    formatterYLeft?: (d: d3.NumberValue) => string;
    mapFn?: (el: any) => Point;
    additionalMapFn?: (el: any) => any;
    showGradient?: boolean;
    tooltipFormatter?: (tooltip: TooltipType) => string;
    lineWidth?: number;
    showTooltip?: boolean;
    highlightedPoint?: {
        point: Point;
        label: React.ReactNode;
    };
}
declare const _default: React.FC<D3LineChartProps> & {
    Memo: React.NamedExoticComponent<D3LineChartProps>;
    formatterDateDay: (timestamp: d3.NumberValue) => string;
    formatterDateMonth: (timestamp: d3.NumberValue) => string;
};
export default _default;
