import React from "react";
declare class DiagramStyle {
    paddingHigh: number;
    paddingBody: number;
    paddingLow: number;
    paddingHead: number;
    stringInterval: number;
    stringWidth: number;
    fretInterval: number;
    fretWidth: number;
    dotIn: number;
    dotOut: number;
    dotRadius: number;
    dotStroke: number;
    crossStroke: number;
    fontSize: number;
    fretNumberDistance: number;
    fretNumberFontSize: number;
    fretNumberColor: string;
    colors: any;
    constructor({ paddingHigh, // make room for fret numbers
    paddingLow, paddingHead, paddingBody, stringInterval, stringWidth, fretInterval, fretWidth, dotIn, dotOut, dotRadius, dotStroke, crossStroke, fontSize, fretNumberDistance, fretNumberFontSize, fretNumberColor }?: {
        paddingHigh?: number | undefined;
        paddingLow?: number | undefined;
        paddingHead?: number | undefined;
        paddingBody?: number | undefined;
        stringInterval?: number | undefined;
        stringWidth?: number | undefined;
        fretInterval?: number | undefined;
        fretWidth?: number | undefined;
        dotIn?: number | undefined;
        dotOut?: number | undefined;
        dotRadius?: number | undefined;
        dotStroke?: number | undefined;
        crossStroke?: number | undefined;
        fontSize?: number | undefined;
        fretNumberDistance?: number | undefined;
        fretNumberFontSize?: number | undefined;
        fretNumberColor?: string | undefined;
    });
    width(frets: number): number;
    height(strings: number): number;
    stringLength(frets: number): number;
    fretLength(strings: number): number;
    getStringFretFromMouseEvent(event: React.MouseEvent, strings: number, frets: number): {
        string: number;
        fret: number;
    } | null;
}
export default DiagramStyle;