"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[41],{182:(e,t,s)=>{s.r(t),s.d(t,{default:()=>i});const i={imageContainer:"qpe182wA",image:"WcmUoMRO",textOverlay:"rrh0kNZn",shopButton:"MuH8cxmA"}},180:(e,t,s)=>{const i=s(181);(0,s(2).createEntrypoint)("home_hero",i.Main)},80:function(e,t,s){var i=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.Home=void 0;const a=s(0),n=(s(1),i(s(182))),l=s(4);function c({isEntireHeroLink:e,ctaLink:t,handle:s,type:i,children:l}){return e?(0,a.jsx)("a",Object.assign({href:t,"data-orly-type":i,"data-orly-handle":s,className:n.default.imageContainer},{children:l})):(0,a.jsx)("div",Object.assign({className:n.default.imageContainer},{children:l}))}t.Home=function({mobileImage:e,desktopImage:t,headline:s,subhead:i,buttonText:o,device:r,ctaLink:d,isHeroLink:u,handle:h,type:g}){const m=u||!o;return"image"===(null==t?void 0:t.type)&&t.url&&"image"===(null==e?void 0:e.type)&&e.url?(0,a.jsxs)(c,Object.assign({isEntireHeroLink:m,ctaLink:d,handle:h,type:g},{children:["desktop"===r?(0,a.jsx)(l.LazyImage,{src:t.url,initialWidth:800,width:t.width,height:t.height,cssClass:n.default.image,alt:"Hoodie Hero",fullSizeWidth:2600}):(0,a.jsx)(l.LazyImage,{src:e.url,initialWidth:400,cssClass:n.default.image,alt:"Hoodie Hero",fullSizeWidth:800,width:e.width,height:e.height}),(0,a.jsxs)("div",Object.assign({className:n.default.textOverlay},{children:[(0,a.jsx)("h1",{children:s}),(0,a.jsx)("p",{children:i}),o&&(0,a.jsx)("a",Object.assign({href:d,"data-orly-type":g,"data-orly-handle":h},{children:(0,a.jsx)("button",Object.assign({className:n.default.shopButton},{children:o}))}))]}))]})):null}},181:(e,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.Main=void 0;const i=s(0),a=(s(1),s(80));t.Main=function(e){return(0,i.jsx)(a.Home,Object.assign({},e))}},4:(e,t,s)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useBestImage=t.LazyImage=void 0;const i=s(0),a=(s(1),s(6)),n=s(3);function l(e,t,s){const i=(0,a.getFastImage)(e,t),l=(0,a.getFastImage)(e,s),[c,o]=(0,n.useState)({});(0,n.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=l,e.onload=()=>o(Object.assign(Object.assign({},c),{[l]:!0}))}}),[l]);const r=(0,n.useMemo)((()=>c[l]?l:i),[e,t,s,c]);return(0,n.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=l,e.onload=()=>o(Object.assign(Object.assign({},c),{[l]:!0}))}}),[l]),r}t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:s,cssClass:a,alt:n="",width:c,height:o,style:r}){const d=l(e,t,s);return c&&o?(0,i.jsx)("img",{src:d,class:a,alt:n,width:c,height:o,style:r}):(0,i.jsx)("img",{src:d,class:a,alt:n,style:r})},t.useBestImage=l}},e=>{e.O(0,[1,2,3],(()=>e(e.s=180))),e.O()}]);