"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[21],{60:(e,s,a)=>{a.d(s,{a:()=>d,b:()=>u});var r=a(1),t=(a(2),a(117)),l=a(4);const{wrapper:o,wrapperWrap:c,wrapperButton:i,wrapperButtonBackground:n,wrapperButtonActive:p}=t.a,u=({filters:e,colors:s,applyFilter:a,removeFilter:t})=>(0,r.jsx)("div",Object.assign({className:c},{children:s.map((s=>{var l;return(0,r.jsx)(d,Object.assign({},s,{active:!!(null===(l=e.color)||void 0===l?void 0:l.some((e=>e.toLowerCase()===s.title.toLowerCase()))),applyFilter:a,removeFilter:t}))}))}));function d({image:e,title:s,active:a,style:t,applyFilter:c,removeFilter:u}){return(0,r.jsxs)("div",Object.assign({onClick:()=>{a?u("color",s):c("color",s)},className:(0,l.c)(o,(null==t?void 0:t.container)&&t.container)},{children:[(0,r.jsx)("div",Object.assign({className:(0,l.c)(a&&p,i,(null==t?void 0:t.swatch)&&t.swatch)},{children:e.bgImage?(0,r.jsx)("span",{className:n,style:{backgroundImage:`url(${e.bgImage})`}}):(0,r.jsx)("span",{className:n,style:{backgroundColor:e.colorHash}})})),(0,r.jsx)("label",{children:s})]}))}},61:(e,s,a)=>{a.d(s,{a:()=>t});var r=a(5);function t(){const[e,s]=(0,r.useState)(!1);return(0,r.useEffect)((()=>{document.body.style.overflow=e?"hidden":"visible"}),[e]),{isOpen:e,setIsOpen:s}}}}]);