import { Coords, Position } from './types.js';
import mapboxgl from 'mapbox-gl';
import * as React from 'react';

declare const Marker: React.NamedExoticComponent<MarkerType>;

type MarkerType = {
    position: Coords;
    icon?: React.ReactNode;
    logo?: React.ReactNode;
    index?: number;
    onClick?: (event: MarkerInfo) => void;
    onDrag?: (event: MarkerInfo) => void;
    onDragStart?: (event: MarkerInfo) => void;
    onDragEnd?: (event: MarkerInfo) => void;
    animateDuration?: number;
    disabled?: boolean;
    disableEaseTo?: boolean;
} & mapboxgl.MarkerOptions & Partial<HTMLDivElement>;
type MarkerInfo = {
    position: Position;
};

export { Marker, MarkerInfo, Marker as default };