import { useContext, createContext } from 'react'
import invariant from 'invariant'

const MapContext = createContext<google.maps.Map | null>(null)

export function useGoogleMap(): google.maps.Map | null {
  invariant(!!useContext, 'useGoogleMap is React hook and requires React version 16.8+')

  const map = useContext<google.maps.Map | null>(MapContext)

  invariant(!!map, 'useGoogleMap needs a GoogleMap available up in the tree')

  return map
}

export default MapContext