"use client"
import React from "react";
import { GoogleMap, Marker } from "@react-google-maps/api";

const Map = (props) => {
    const containerStyle = {
        width: "100%",
        height: "400px",
    };

    const center = {
        lat: parseFloat(props.latitude),
        lng: parseFloat(props.longitude),
    };

    return (
        <GoogleMap mapContainerStyle={containerStyle} center={center} zoom={14}>
            <Marker position={center} />
        </GoogleMap>
    );
};

export default Map;
