https://www.sunlighten.com.au/ProductVariants-176a75fd5d49491ee834.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[6238],{36187:function(e,t,a){a.d(t,{A:function(){return i}});var r=a(96540),l=a(60739),n=a(74564);var i=({className:e,strokeColor:t,direction:a,handleClick:i,"aria-label":o})=>r.createElement("button",{type:"button",className:`${e} arrow-lg-button-module--button--adbc1`,onClick:i,"aria-label":o||("left"===a?"Previous":"Next")},"right"===a&&r.createElement(n.A,{strokeColor:t}),"left"===a&&r.createElement(l.A,{strokeColor:t}))},60739:function(e,t,a){var r=a(96540);t.A=({strokeColor:e})=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.36 34.2"},r.createElement("g",{"data-name":"Layer 2"},r.createElement("path",{"data-name":"Path 512",d:"M17.36 1L1 17.1l16.36 16.1",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})))},74564:function(e,t,a){var r=a(96540);t.A=({strokeColor:e})=>r.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.36 34.2"},r.createElement("g",{"data-name":"Layer 2"},r.createElement("path",{"data-name":"Path 509",d:"M1 33.2l16.36-16.1L1 1",fill:"none",stroke:e,strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2})))},78972:function(e,t,a){a.r(t),a.d(t,{default:function(){return m}});a(18111),a(61701);var r=a(96540),l=a(686),n=a(36187),i=a(11686),o=a(1699),s=a(48229),c=a(3777);var m=({headline:e,short_description:t,...a})=>{const m=(0,l.dv)(),d=(0,s.D)(),u=a.variants.value,v=d&&m.md,p=v?4:1,[g,h]=(0,r.useState)(u.slice(0,p)),[f,E]=(0,r.useState)(0),w="#505251",k=u.length>p;(0,r.useEffect)(()=>{h(u.slice(0,v?4:1))},[v]);return r.createElement("section",{className:"product-variants-module--wrapper--9c36c"},r.createElement("h2",{className:"product-variants-module--title--3dafd"},e.value),r.createElement("div",{className:"product-variants-module--description--c75b5"},r.createElement("p",null,(0,i.A)(t))),r.createElement("div",{className:"product-variants-module--carouselContainer--32179",style:g.length<=3&&v?{display:"flex",justifyContent:"center"}:{}},r.createElement("div",{className:"product-variants-module--variantsContainer--0c778",style:g.length<=3&&v?{gridTemplateColumns:`repeat(${g.length}, minmax(${3==g.length?"220px":"200px"}, 400px))`,textAlign:"center"}:{}},g.map((e,t)=>((e,t)=>{if(v||0===t){var a,l,n,s;const m=(0,o.M)(e.elements.primary_image),d=(0,o.M)(e.elements.secondary_image);return r.createElement("div",{className:"product-variants-module--variant--42b71",key:t},m.image&&r.createElement("img",{src:m.image?(0,c.HT)((null===(a=m.image)||void 0===a?void 0:a.url)||m.image,{w:327,fit:"crop",q:80,auto:"format"}):"",srcSet:m.image?(0,c.iP)((null===(l=m.image)||void 0===l?void 0:l.url)||m.image,327,{fit:"crop",q:80,auto:"format"}):"",sizes:"(max-width: 327px) 100vw, 327px",alt:m.alt,width:327,height:273,loading:"lazy",className:"product-variants-module--topImageContainer--c9eb5",style:{width:"100%",height:"auto",objectFit:"cover"}}),r.createElement("div",{className:"product-variants-module--borderContainer--a4691"},d.image&&r.createElement("img",{src:d.image?(0,c.HT)((null===(n=d.image)||void 0===n?void 0:n.url)||d.image,{w:250,fit:"crop",q:80,auto:"format"}):"",srcSet:d.image?(0,c.iP)((null===(s=d.image)||void 0===s?void 0:s.url)||d.image,250,{fit:"crop",q:80,auto:"format"}):"",sizes:"(max-width: 250px) 100vw, 250px",alt:d.alt,width:250,height:262,loading:"lazy",className:"product-variants-module--bottomImageContainer--8f7e3",style:{width:"100%",height:"auto",objectFit:"cover"}}),r.createElement("h3",{className:"product-variants-module--variantTitle--e1823"},e.elements.headline.value),r.createElement("p",{className:"product-variants-module--variantSubheading--5d503"},e.elements.subheadline.value),r.createElement("div",{className:"product-variants-module--variantDescription--c701e"},(0,i.A)(e.elements.description))))}})(e,t))),k&&0!=f?r.createElement(n.A,{direction:"left",handleClick:e=>{let t=f-1,a=u.slice(t,t+p);E(t),h(a)},strokeColor:w,className:"product-variants-module--prev--0d4c8"}):null,k&&f!=u.length-p?r.createElement(n.A,{direction:"right",handleClick:e=>{let t=f+1,a=u.slice(t,t+p);h(a),E(t)},strokeColor:w,className:"product-variants-module--next--d7dad"}):null))}}}]);
2//# sourceMappingURL=ProductVariants-176a75fd5d49491ee834.js.map