/**
 * Flowtype definitions for interactive-map
 * Generated by Flowgen from a Typescript Definition
 * Flowgen v1.21.0
 */

import { Element, Ref } from "react";
import type { MapRef, StaticMapProps } from "./static-map";
import MapController, { MjolnirEvent } from "../utils/map-controller";
declare type State = {
  isLoaded: boolean,
  isDragging: boolean,
  isHovering: boolean,
  ...
};
export type MapEvent = {
  ...MjolnirEvent,
  ...{
    point: [number, number],
    lngLat: [number, number],
    features?: Array<any>,
    ...
  },
};
export type InteractiveMapProps = {
  ...StaticMapProps,
  ...$Rest<
    {
      onViewStateChange: Function,
      onViewportChange: Function,
      onInteractionStateChange: Function,
      onHover: (evt: MapEvent) => void,
      onClick: (evt: MapEvent) => void,
      onNativeClick: (evt: MapEvent) => void,
      onDblClick: (evt: MapEvent) => void,
      onContextMenu: (evt: MapEvent) => void,
      onMouseDown: (evt: MapEvent) => void,
      onMouseMove: (evt: MapEvent) => void,
      onMouseUp: (evt: MapEvent) => void,
      onTouchStart: (evt: MapEvent) => void,
      onTouchMove: (evt: MapEvent) => void,
      onTouchEnd: (evt: MapEvent) => void,
      onMouseEnter: (evt: MapEvent) => void,
      onMouseLeave: (evt: MapEvent) => void,
      onMouseOut: (evt: MapEvent) => void,
      onWheel: (evt: MapEvent) => void,
      transitionDuration: number,
      transitionInterpolator: any,
      transitionInterruption: number,
      transitionEasing: Function,
      onTransitionStart: Function,
      onTransitionInterrupt: Function,
      onTransitionEnd: Function,
      scrollZoom:
        | boolean
        | {
            speed?: number,
            smooth?: boolean,
            ...
          },
      dragPan:
        | boolean
        | {
            inertia?: number,
            ...
          },
      dragRotate:
        | boolean
        | {
            inertia?: number,
            ...
          },
      doubleClickZoom: boolean,
      touchZoom:
        | boolean
        | {
            inertia?: number,
            ...
          },
      touchRotate:
        | boolean
        | {
            inertia?: number,
            ...
          },
      keyboard:
        | boolean
        | {
            zoomSpeed?: number,
            moveSpeed?: number,
            rotateSpeedX?: number,
            rotateSpeedY?: number,
            ...
          },
      touchAction: string,
      eventRecognizerOptions: any,
      clickRadius: number,
      interactiveLayerIds: Array<string>,
      getCursor: (state: State) => string,
      controller: MapController,
      ref: Ref<MapRef>,
      maxZoom: number,
      minZoom: number,
      maxPitch: number,
      minPitch: number,
      ...
    },
    { ... }
  >,
};
declare export default function InteractiveMap(
  props: InteractiveMapProps
): Element;