(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[517],{5007:function(e,t,a){"use strict";var n,r=a(7294);function i(){return(i=Object.assign||function(e){for(var t=1;te.height||500),(({withPadding:e})=>e?500:0));var l=({alt:e,imageUrl:t,children:a,height:r,withPadding:i=!1})=>(0,o.jsxs)(s,{height:r,withPadding:i,children:[a,(0,o.jsx)(n.default,{src:t,alt:e,objectFit:"cover",layout:"fill",priority:!0,loader:e=>`${e.src}`})]})},4424:function(e,t,a){"use strict";var n=a(1163);t.Z=function(){const e=(0,n.useRouter)();return{push:function(t){const a=e.pathname;e.push(a,t)}}}},983:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return W}});var n,r=a(5152),i=a(5122),o=a(1163),s=a(1664),l=a(4852),c=a.n(l),h=a(5007),d=a(7294);function u(){return(u=Object.assign||function(e){for(var t=1;t(0,A.jsxs)("div",{className:b().weatherCardAvg,children:[(0,A.jsx)("div",{className:b().weatherCardHead,children:e}),(0,A.jsxs)("div",{className:b().weatherCardBody,children:[(0,A.jsx)("div",{className:b().weatherCardIcon,children:(0,A.jsx)("svg",{className:b().svgIcon,children:r})}),(0,A.jsxs)("div",{className:b().weatherCardText,children:[t," ",n,a&&(0,A.jsx)("span",{children:a})]})]})]}),H=a(8650),O=a(9770),E=a(4424);const S=(e,t)=>{const a=e.split("/");return a.pop(),a[a.length-1]=t?t.toLocaleLowerCase():"forecast",a.join("/")};var P=({destinationName:e,avgWeatherData:t,month:a})=>{const n=(0,o.useRouter)(),{asPath:r}=n,i=(0,E.Z)(),l=n.query.weather;return t?(0,A.jsxs)("div",{className:c().mainInfo,children:[(0,A.jsx)("div",{className:c().locationIcon,children:(0,A.jsx)(h.Z,{fill:"white",heigth:"75",width:"75"})}),(0,A.jsxs)("div",{className:c().titleContainer,children:[(0,A.jsx)("h1",{className:c().destinationTitle,children:e}),(0,A.jsxs)("div",{className:c().destinationSubtitle,children:["Avg weather in ",a]}),(0,A.jsx)(H.J,{placeHolder:"Select month",onSelect:e=>{const t=S(r,e);i.push(t)},initialValue:a})]}),(0,A.jsxs)("div",{style:{alignItems:"center",display:"flex",flexDirection:"column",marginBottom:"24px"},children:[(0,A.jsxs)("div",{className:c().avgTemp,children:[t.avgMaxTemp,(0,A.jsx)("sup",{children:"\xb0"})]}),(0,A.jsx)(s.default,{href:`/[...weather]?weather=${l}`,as:S(r),children:(0,A.jsx)(O.Z,{as:"a",children:"View live forecast"})})]}),(0,A.jsxs)("div",{className:c().weatherCardContainer,children:[(0,A.jsx)(N,{title:"SUN",data:t.avgSunHour,description:"per day",unit:"Hrs",children:(0,A.jsx)(v,{})}),(0,A.jsx)(N,{title:"RAIN",data:t.avgMonthlyRainfall,description:"per month",unit:"mm",children:(0,A.jsx)(w,{})}),(0,A.jsx)(N,{title:"HUMIDITY",data:t.avgHumidity,description:"avg",unit:"%",children:(0,A.jsx)(z,{})}),(0,A.jsx)(N,{title:"WIND",data:t.avgWindSpeed_mph,description:"avg",unit:"Mph",children:(0,A.jsx)(y,{})})]})]}):(0,A.jsx)("h1",{children:"Not found"})};const T=(0,r.default)((()=>a.e(485).then(a.bind(a,4485))),{loadableGenerated:{webpack:()=>[4485],modules:["../layouts/HeroForDestinationMonthPage.tsx -> src/components/SearchBar"]}});var W=({destination:e,weatherAverageData:t,month:a=""})=>(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(T,{}),(0,A.jsx)(i.Z,{alt:null===e||void 0===e?void 0:e.destinationName,imageUrl:null===e||void 0===e?void 0:e.introImage,height:"500",children:(0,A.jsx)(P,{destinationName:null===e||void 0===e?void 0:e.destinationName,avgWeatherData:t,month:a})})]})},4852:function(e){e.exports={mainInfo:"MainInfo_mainInfo__1vEFu",locationIcon:"MainInfo_locationIcon__3onKW",titleContainer:"MainInfo_titleContainer__2k1V5",destinationTitle:"MainInfo_destinationTitle__1UOnc",destinationSubtitle:"MainInfo_destinationSubtitle__2YZUw",avgTemp:"MainInfo_avgTemp__2Qd9Y",weatherCardContainer:"MainInfo_weatherCardContainer__2JImC"}},4546:function(e){e.exports={weatherCardAvg:"WeatherCard_weatherCardAvg__3wc4u",svgIcon:"WeatherCard_svgIcon__38b_c",weatherCardHead:"WeatherCard_weatherCardHead__OMeIc",weatherCardBody:"WeatherCard_weatherCardBody__1kJ_D",weatherCardIcon:"WeatherCard_weatherCardIcon__1Mx4E",weatherCardText:"WeatherCard_weatherCardText__2hhw3"}}}]);