text: import React from 'react'
  import Link from 'gatsby-link'
  import get from 'lodash/get'
  import {
    withScriptjs,
    withGoogleMap,
    GoogleMap,
    Marker,
  } from 'react-google-maps'
  
  const MapWithMarker = withScriptjs(
    withGoogleMap(props => {
      let { location } = props
      let {
        zoom,
        latitude: mapLat,
        longitude: mapLon,
        point: { latitude: markerLat, longitude: markerLon },
      } = location
  
      return (
        <GoogleMap
          defaultZoom={zoom}
          defaultCenter={{ lat: mapLat, lng: mapLon }}
        >
          <Marker position={{ lat: markerLat, lng: markerLon }} />
        </GoogleMap>
      )
    })
  )
  
  /*
            <svg
              fill="#000000"
              height="24"
              viewBox="0 0 24 24"
              width="24"
              xmlns="http://www.w3.org/2000/svg"
            >
              <path d="M0 0h24v24H0z" fill="none" />
              <path d="M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z" />
            </svg>
  */
  export default MapWithMarker
  