import * as React from "react";
import { strokeDashTypes } from "@react-financial-charts/core";
interface PriceCoordinateProps {
    readonly arrowWidth?: number;
    readonly at?: "bottom" | "top" | "left" | "right";
    readonly displayFormat: (n: number) => string;
    readonly dx?: number;
    readonly fontFamily?: string;
    readonly fontSize?: number;
    readonly fill?: string | ((price: number) => string);
    readonly lineOpacity?: number;
    readonly lineStroke?: string;
    readonly opacity?: number;
    readonly orient?: "bottom" | "top" | "left" | "right";
    readonly price: number;
    readonly rectWidth?: number;
    readonly rectHeight?: number;
    readonly strokeDasharray?: strokeDashTypes;
    readonly stroke?: string;
    readonly strokeOpacity?: number;
    readonly strokeWidth?: number;
    readonly textFill?: string | ((price: number) => string);
    readonly yAxisPad?: number;
}
export declare class PriceCoordinate extends React.Component<PriceCoordinateProps> {
    static defaultProps: {
        displayFormat: (n: number | {
            valueOf(): number;
        }) => string;
        yAxisPad: number;
        rectWidth: number;
        rectHeight: number;
        orient: string;
        at: string;
        price: number;
        dx: number;
        arrowWidth: number;
        fill: string;
        opacity: number;
        lineOpacity: number;
        lineStroke: string;
        fontFamily: string;
        fontSize: number;
        textFill: string;
        strokeOpacity: number;
        strokeWidth: number;
        strokeDasharray: string;
    };
    render(): JSX.Element;
    private readonly drawOnCanvas;
    private readonly helper;
}
export {};