import 'leaflet-path-drag';
import React from 'react';
import { LatLng } from 'leaflet';
import { Coordinate } from 'types';
type DragEvent = {
    target: {
        getLatLng: () => LatLng;
    };
};
export interface Props {
    coordinate: Coordinate;
    isSelected: boolean;
    index: number;
    onClick: (index: number) => void;
    onDragStart: (latlng: LatLng, index: number) => void;
    onDrag: (latlng: LatLng) => void;
    onDragEnd: () => void;
}
export interface State {
    isHovered: boolean;
    isDragged: boolean;
    latLng: LatLng;
}
export declare class PolygonVertex extends React.Component<Props, State> {
    private circleMarkerElement;
    state: {
        isHovered: boolean;
        isDragged: boolean;
        latLng: LatLng;
    };
    static getDerivedStateFromProps: (props: Props, state: State) => State;
    componentDidMount(): void;
    componentWillUnmount(): void;
    setCircleMarkerRef: (ref: any) => void;
    handleClick: () => void;
    handleMouseOver: () => void;
    handleMouseOut: () => void;
    handleDragStart: (event: DragEvent) => void;
    handleDrag: (event: DragEvent) => void;
    handleDragEnd: () => void;
    render(): JSX.Element;
}
export {};