"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[19],{89:(e,a,n)=>{n.d(a,{a:()=>d});var s=n(0),t=n(281),l=n(85),c=n(44);const{colorPicker:r,colorPickerActive:o,btnColor:i,btn:h,btnActive:u}=c.a,d=({handleActiveIndex:e,handleColorChange:a,isPickerOpen:n,selectedProduct:c,values:d})=>(0,s.jsx)("div",Object.assign({className:(0,t.a)(r,n&&o)},{children:d.map((n=>{const r=(0,l.a)(n.color),o=c===n.handle;return(0,s.jsx)("button",Object.assign({className:(0,t.a)(h,o&&u),type:"button",onClick:s=>{s.preventDefault(),a(n.handle),e(n.handle)}},{children:(0,s.jsx)("span",{className:i,style:r})}),n.handle)}))}))},88:(e,a,n)=>{n.d(a,{a:()=>t});var s=n(2);const t=(e,a,n,t)=>{const[l,c]=(0,s.useState)([]),[r,o]=(0,s.useState)(!1),i=(0,s.useCallback)((e=>{a(e),t&&n(!1)}),[t]),h=(0,s.useCallback)((()=>{1===e.length||n(!0)}),[e.length]);return(0,s.useEffect)((()=>{(()=>{if(e.length<=3)return c(e);const a=e.slice(0,3);c(a)})(),o(!0)}),[]),{firstThreeColors:l,handleColorChange:i,handleOpenColorPicker:h,jsLoaded:r}}}}]);