import { Layer, Source } from "react-map-gl";

const url =
  "https://api.mapbox.com/styles/v1/ghermant/cla2nwk5f00el14nxvtjlsi6z/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoiZ2hlcm1hbnQiLCJhIjoiY2xhMm5zZ3ZrMDF4MDN2bzc5Yjd0ZjZ1dCJ9.fqnvrEqKKBoguR7R6DR7Yw";

export const Basemap = () => {
  return (
    <Source type={"raster"} id={"basemap"} tiles={[url]} tileSize={256}>
      <Layer
        type={"raster"}
        source={"basemap"}
        id={"basemap-layer"}
        paint={{}}
      />
    </Source>
  );
};
