import React, { MouseEvent } from "react";
import { Position } from "../interfaces/Position";
import { Identifier } from "dnd-core";
import { PieceCode } from "../enums/PieceCode";
import { PieceDropEvent } from "../interfaces/PieceDropEvent";
import { PieceDragStartEvent } from "../interfaces/PieceDragStartEvent";
import { PieceColor } from "../types/PieceColor";
export interface CoordinateGridRef {
    getDropHandlerId(): Identifier | null;
    getDragHandlerId(): Identifier | null;
}
export interface CoordinateGridRightClickEvent {
    coordinates: string;
    mouseEvent: MouseEvent;
}
export interface CoordinateGridProps {
    orientation?: PieceColor;
    position?: Position;
    width?: number;
    draggable?: boolean;
    allowDrag?: (pieceCode: PieceCode, coordinates: string) => boolean;
    transitionDuration?: number;
    selectionSquare?: string;
    occupationSquares?: string[];
    destinationSquares?: string[];
    lastMoveSquares?: string[];
    premoveSquares?: string[];
    checkSquare?: string;
    roundMarkers?: string[];
    onClick?(coordinates: string): void;
    onRightClick?(event: CoordinateGridRightClickEvent): void;
    onDrop?(event: PieceDropEvent): void;
    onDragStart?(event: PieceDragStartEvent): void;
    onDragEnd?(): void;
}
export declare const CoordinateGrid: React.ForwardRefExoticComponent<CoordinateGridProps & React.RefAttributes<CoordinateGridRef>>;