https://whitehornes.co.uk/_next/static/chunks/8828.2861e50c3a75d25c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8828],{58828:(e,t,r)=>{r.r(t),r.d(t,{PropertyMapEmbeds:()=>l});var a=r(85664),s=r(63276),o=r(74348),n=r(96777);function l(e){let{latitude:t,longitude:r,theme:l,zoom:i}=e,[c,d]=(0,s.useState)("map"),[m,p]=(0,s.useState)(!1);function g(){p(!0)}return(0,s.useEffect)(()=>(window.addEventListener("blur",g),()=>{window.removeEventListener("blur",g)}),[]),(0,a.jsxs)("div",{className:(0,n.cn)("[&_iframe]:h-full] relative h-[420px] overflow-hidden bg-gray shadow-map lg:h-[700px] [&_iframe]:absolute [&_iframe]:inset-0 [&_iframe]:w-full","beam"===l&&"md:rounded-20"),children:["map"===c&&(0,a.jsx)("iframe",{className:"absolute inset-0 size-full",loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",src:"https://www.google.com/maps/embed/v1/place?key=AIzaSyAs75wJxf7DhoExULCV2PnRdfQ8r7IrdD8&zoom=".concat((i||16).toString(),"&center=").concat(t.toString(),",").concat(r.toString(),"&q=").concat(t.toString(),",").concat(r.toString(),"}"),title:"Google Maps"}),"street"===c&&(0,a.jsx)("iframe",{className:"absolute inset-0 size-full",loading:"lazy",referrerPolicy:"no-referrer-when-downgrade",src:"https://www.google.com/maps/embed/v1/streetview?key=AIzaSyAs75wJxf7DhoExULCV2PnRdfQ8r7IrdD8&location=".concat(t.toString(),",").concat(r.toString()),title:"Google Maps"}),(0,a.jsx)("img",{alt:"Marker",className:(0,n.cn)("-translate-x-1/2 -translate-y-1/2 absolute top-[calc(50%-30px)] left-1/2 h-66 w-45",("street"===c||m)&&"hidden"),src:"/api/svgs/marker-active.svg"}),(0,a.jsxs)("div",{className:(0,n.cn)("absolute top-10 z-10 flex items-center overflow-hidden bg-white shadow-lg md:top-20","beam"===l?"left-10 rounded-8 md:left-20":"-translate-x-1/2 left-1/2"),children:[(0,a.jsxs)("button",{className:(0,n.cn)("group -mr-1 relative flex items-center overflow-hidden border border-bordergray px-20 py-11 font-semibold text-15 transition-all","map"===c?"bg-gray shadow-inner":"bg-white hover:bg-gray/60","beam"===l&&"rounded-l-8"),onClick:()=>{d("map")},type:"button",children:[(0,a.jsx)(o.I,{className:"size-16",name:"lucide/map-pin"}),(0,a.jsx)("span",{className:"ml-10 whitespace-nowrap",children:"View Map"})]}),(0,a.jsxs)("button",{className:(0,n.cn)("group relative flex items-center overflow-hidden border border-bordergray px-20 py-11 font-semibold text-15 transition-all","street"===c?"bg-gray shadow-inner":"bg-white hover:bg-gray/60","beam"===l&&"rounded-r-8"),onClick:()=>{d("street")},type:"button",children:[(0,a.jsx)(o.I,{className:"size-16",name:"custom/street-view"}),(0,a.jsx)("span",{className:"ml-10 whitespace-nowrap",children:"Street View"})]})]})]})}}}]);