Untitled

import React from "react";
import { Map, GoogleApiWrapper, Marker } from "google-maps-react";
import styles from "./googlemaps.module.scss";
const MapContainer = ({ google }) => {
  const style = { width: "100%", marginLeft: 0, marginTop: 40, height: 400, position: "relative !important" };
  return (
    <div className={styles.map}>
      <Map
        style={style}
        google={google}
        zoom={14}
        initialCenter={{
          lat: 51.40385714560657,
          lng: 0.01636862519513785,
        }}
      >
        <Marker
          position={{
            lat: 51.40385714560657,
            lng: 0.01636862519513785,
          }}
        />
      </Map>
    </div>
  );
};

export default GoogleApiWrapper({
  apiKey: "AIzaSyD2pcpGYj3HpJMTQZRYfQTzJqPjfTuchAw",
})(MapContainer);