https://www.bauwerkcolour.com/_next/static/chunks/486.eaa518a518034866.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[486],{90486:(l,a,e)=>{e.r(a),e.d(a,{default:()=>m});var s=e(26514);let i=({...l})=>(0,s.jsx)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l,children:(0,s.jsx)("path",{d:"M12 4.40625C16.1703 4.40625 19.5938 7.78389 19.5938 12C19.5938 16.1938 16.1973 19.5938 12 19.5938C7.80783 19.5938 4.40625 16.199 4.40625 12C4.40625 7.80927 7.80241 4.40625 12 4.40625ZM12 3.28125C7.18511 3.28125 3.28125 7.18651 3.28125 12C3.28125 16.8163 7.18511 20.7188 12 20.7188C16.8149 20.7188 20.7188 16.8163 20.7188 12C20.7188 7.18651 16.8149 3.28125 12 3.28125Z",fill:"#646464"})});var r=e(29579),c=e(58245),t=e.n(c),p=e(96456),d=e.n(p);let n=({item:l})=>{let{alt:a,link:e,url:i}=l||{};return(0,s.jsx)(s.Fragment,{children:e?(0,s.jsxs)(d(),{className:"relative col-span-3 aspect-[0.8] h-auto w-full",href:e,children:[(0,s.jsx)(t(),{fill:!0,src:i||"/product-img-placeholder.svg",alt:a||r.Jn.zC[0].alt,placeholder:"blur",blurDataURL:`${i}&blur=500`}),a&&(0,s.jsx)("div",{className:"label absolute -bottom-9 line-clamp-1",children:a})]}):(0,s.jsxs)("div",{className:"relative col-span-3 aspect-[0.8] h-auto w-full",children:[(0,s.jsx)(t(),{fill:!0,src:i||"/product-img-placeholder.svg",alt:a||r.Jn.zC[0].alt,placeholder:"blur",blurDataURL:`${i}&blur=500`}),a&&(0,s.jsx)("div",{className:"label absolute -bottom-9 line-clamp-1",children:a})]})})}

1,m=({slice:l})=>{let a=l?.primary?.title,e=l?.primary?.description,r=l?.primary?.image1?.url,c=l?.primary?.image1?.alt,t=l?.primary?.link1,p=l?.primary?.image2?.url,d=l?.primary?.image2?.alt,m=l?.primary?.link2,g=l?.primary?.image3?.url,o=l?.primary?.image3?.alt,h=l?.primary?.link3,x=l?.items,u=[{url:r,alt:c,link:t},{url:p,alt:d,link:m},{url:g,alt:o,link:h}];return(0,s.jsxs)("div",{className:"grid grid-cols-4 gap-x-6 gap-y-10 pt-18 pb-10 lg:grid-cols-12 lg:gap-x-8 lg:gap-y-0 lg:pt-40 lg:pb-20",children:[(0,s.jsxs)("div",{className:"col-span-4 flex flex-col justify-between lg:col-span-3 lg:gap-y-2",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 lg:gap-4",children:[a&&(0,s.jsx)("h4",{children:a}),e&&(0,s.jsx)("div",{className:"body-1",children:e})]}),(0,s.jsx)("div",{className:"pt-6 lg:pt-0",children:x&&x.map((l,a)=>(0,s.jsxs)("div",{className:"body-1 flex gap-3",children:[(0,s.jsx)(i,{style:{minWidth:"24px"}}),(0,s.jsx)("span",{children:l.checklist_item})]},a))})]}),(0,s.jsx)("div",{className:"col-span-4 grid auto-cols-[19.75%] grid-flow-col gap-x-6 overflow-x-scroll pb-9 scrollbar-hide lg:hidden",children:u.map((l,a)=>(0,s.jsx)(n,{item:l},a))}),(0,s.jsx)("div",{className:"col-span-4 hidden grid-cols-9 gap-x-8 lg:col-span-9 lg:grid",children:u.map((l,a)=>(0,s.jsx)(n,{item:l},a))})]})}}}]);