import React from 'react';
import { MapContainer, TileLayer, Marker, Popup } from 'react-leaflet';
import 'leaflet/dist/leaflet.css';

const Map = ({lat,long}:any) => {
    return (
        <MapContainer center={[lat,long]}  zoom={13} style={{ height: '200px', width: '100%' }}  dragging={false} doubleClickZoom={false} scrollWheelZoom={false} touchZoom={false}>
          <TileLayer
            url="https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
          />
        </MapContainer>
      );
    
}

export default Map