import React, { useState } from 'react';
import ReactMapGL, { Marker } from 'react-map-gl';

function App() {
  const [viewport, setViewport] = useState({
    latitude: -26.893388,
    longitude: -49.076859,
    zoom: 12
  });
  return (
    <ReactMapGL {...viewport} width="100vw" height="100vh" onViewportChange={setViewport} mapboxApiAccessToken={process.env.REACT_APP_MAPBOX_TOKEN}>
      <Marker latitude={-26.893388} longitude={-49.076859} offsetLeft={-20} offsetTop={-10}>CI talks :D</Marker>
    </ReactMapGL>
  );
}

export default App;