{"version":3,"file":"location-marker-zDIhNCu3.js","sources":["../../../app/frontend/entrypoints/admin/components/locations/components/google-maps/location-marker.jsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport MarkerWithInfowindow from \"./marker-with-infowindow\";\nimport AddressBlock from \"./address-block\";\n\nexport default function LocationMarker({ location }) {\n  const position = { lat: parseFloat(location.latitude), lng: parseFloat(location.longitude)};\n  return (\n    <MarkerWithInfowindow\n      zIndex={100}\n      position={position}\n      header={location.name}\n      backgroundColor={'#95F6E4'}\n      glyphColor={'#009689'}\n    >\n      <AddressBlock\n        address={location.address}\n        city={location.city}\n        state_code={location.state_code}\n        zip={location.zipcode}\n      />\n      <div className='mt-1'>\n        {location.latitude}, {location.longitude}\n      </div>\n      { location.google_place_url ?\n        <div className='mt-1'>\n          <a\n            target=\"_blank\"\n            className='text-blue-700 hover:underline'\n            href={location.google_place_url}>View on Google Maps</a>\n        </div> : null\n      }\n    </MarkerWithInfowindow>\n  )\n}\n"],"names":["LocationMarker","location","position","jsxs","MarkerWithInfowindow","jsx","AddressBlock"],"mappings":"mSAIwB,SAAAA,EAAe,CAAE,SAAAC,GAAY,CAC7C,MAAAC,EAAW,CAAE,IAAK,WAAWD,EAAS,QAAQ,EAAG,IAAK,WAAWA,EAAS,SAAS,CAAC,EAExF,OAAAE,EAAA,KAACC,EAAA,CACC,OAAQ,IACR,SAAAF,EACA,OAAQD,EAAS,KACjB,gBAAiB,UACjB,WAAY,UAEZ,SAAA,CAAAI,EAAA,IAACC,EAAA,CACC,QAASL,EAAS,QAClB,KAAMA,EAAS,KACf,WAAYA,EAAS,WACrB,IAAKA,EAAS,OAAA,CAChB,EACAE,EAAAA,KAAC,MAAI,CAAA,UAAU,OACZ,SAAA,CAASF,EAAA,SAAS,KAAGA,EAAS,SAAA,EACjC,EACEA,EAAS,iBACRI,MAAA,MAAA,CAAI,UAAU,OACb,SAAAA,EAAA,IAAC,IAAA,CACC,OAAO,SACP,UAAU,gCACV,KAAMJ,EAAS,iBAAkB,SAAA,qBAAA,GACrC,EAAS,IAAA,CAAA,CAAA,CAIjB"}