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

declare const Map: React.FC<React.PropsWithChildren<MapType>>;

type MapType = {
    className?: string;
    center?: Coords;
    width?: number | string;
    height?: number | string;
    disableRotate?: boolean;
    cooperativeGestures?: boolean;
    accessToken: string;
    onZoom?: (event: MapEvent) => void;
    onZoomStart?: (event: MapEvent) => void;
    onZoomEnd?: (event: MapEvent) => void;
    onClick?: (event: MapEvent) => void;
    onTouchStart?: (event: MapEvent) => void;
    onTouchEnd?: (event: MapEvent) => void;
    onMouseDown?: (event: MapEvent) => void;
    onMouseUp?: (event: MapEvent) => void;
    onMoveStart?: (event: MapboxEvent) => void;
    onMoveEnd?: (event: MapboxEvent) => void;
    boundsDuration?: number;
    timeout?: number;
    hideControlOnMove?: boolean;
} & Omit<mapboxgl.MapboxOptions, "container" | "center" | "accessToken">;
type MapEvent = (mapboxgl.MapTouchEvent | mapboxgl.MapMouseEvent) & mapboxgl.EventData;
type MapboxEvent = mapboxgl.MapboxEvent<MouseEvent | TouchEvent | WheelEvent | undefined> & mapboxgl.EventData;

export { Map, MapEvent, MapType, MapboxEvent, Map as default };