"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[39],{177:(e,t,a)=>{a.r(t),a.d(t,{default:()=>s});const s={container:"v8__gXE1",featuredItem:"NV1YNk4z",imageContainer:"qlKqkSr_",image:"EEEfmExF",textOverlay:"RaT34OIC",link:"Ekar94p8",subtitle:"P1ruCLXo",title:"VhgpbgZ2"}},176:(e,t,a)=>{const s=a(78);(0,a(2).createEntrypoint)("home_featured_section",s.HomeFeaturedSection)},78:function(e,t,a){var s=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.HomeFeaturedSection=void 0;const i=a(0),n=(a(1),s(a(177))),l=a(4);t.HomeFeaturedSection=function({featured_items_list:e}){return(0,i.jsx)("div",Object.assign({className:n.default.container},{children:e.map(((e,t)=>"image"===e.image.type&&e.image.url?(0,i.jsx)("div",Object.assign({className:n.default.featuredItem},{children:(0,i.jsxs)("a",Object.assign({href:e.link_destination,class:n.default.link,"data-orly-type":e.type,"data-orly-parent-handle":e.parentHandle,"data-orly-handle":e.handle},{children:[(0,i.jsx)("div",Object.assign({className:n.default.imageContainer},{children:(0,i.jsx)(l.LazyImage,{src:e.image.url,initialWidth:400,cssClass:n.default.image,alt:e.title,fullSizeWidth:1e3,width:1600,height:2400})})),(0,i.jsxs)("div",Object.assign({className:n.default.textOverlay},{children:[(0,i.jsx)("p",Object.assign({className:n.default.subtitle},{children:e.subtitle})),(0,i.jsx)("p",Object.assign({className:n.default.title},{children:e.title}))]}))]}))}),t):null))}))}},4:(e,t,a)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.useBestImage=t.LazyImage=void 0;const s=a(0),i=(a(1),a(6)),n=a(3);function l(e,t,a){const s=(0,i.getFastImage)(e,t),l=(0,i.getFastImage)(e,a),[c,d]=(0,n.useState)({});(0,n.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=l,e.onload=()=>d(Object.assign(Object.assign({},c),{[l]:!0}))}}),[l]);const r=(0,n.useMemo)((()=>c[l]?l:s),[e,t,a,c]);return(0,n.useEffect)((()=>{if(document){const e=document.createElement("img");e.src=l,e.onload=()=>d(Object.assign(Object.assign({},c),{[l]:!0}))}}),[l]),r}t.LazyImage=function({src:e,initialWidth:t,fullSizeWidth:a,cssClass:i,alt:n="",width:c,height:d,style:r}){const u=l(e,t,a);return c&&d?(0,s.jsx)("img",{src:u,class:i,alt:n,width:c,height:d,style:r}):(0,s.jsx)("img",{src:u,class:i,alt:n,style:r})},t.useBestImage=l}},e=>{e.O(0,[1,2,3],(()=>e(e.s=176))),e.O()}]);