interface MapViewProps {
  latitude: number;
  longitude: number;
}

const MapView: React.FC<MapViewProps> = ({ latitude, longitude }) => {
    const googleMapsEmbedUrl = `https://www.google.com/maps/embed/v1/place?q=${latitude},${longitude}&key=AIzaSyAuq0074pFpCc_GKeTNEIpLTrNbQWTFRBQ`;

  return (
    <div id="mapview">
      <h3 className="heading-primary-text dark-bg-light">Map View</h3>
      <div style={{ width: '100%', height: '450px' }} className="mob-change-view">
        <iframe
          width="100%"
          height="100%"
          frameBorder="0"
          style={{ border: '0' }}
          src={googleMapsEmbedUrl}
          allowFullScreen
          aria-hidden="false"
          tabIndex={0}
        />
      </div>
    </div>
  );
};

export default MapView;
