(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6711],{6711:(s,e,l)=>{"use strict";l.r(e),l.d(e,{default:()=>m});var r=l(67841),c=l(64833);function n(s){let{labelSide:e,hue:l,sat:c,lit:n}=s;return(0,r.jsxs)(a,{style:{flexDirection:"above"===e?"column":"column-reverse"},children:[(0,r.jsxs)(d,{children:[(0,r.jsxs)(o,{children:[(0,r.jsx)(t,{children:"HUE:"})," ",l]}),(0,r.jsxs)(o,{children:[(0,r.jsx)(t,{children:"SAT:"})," ",c]}),(0,r.jsxs)(o,{children:[(0,r.jsx)(t,{children:"LIT:"})," ",n]})]}),(0,r.jsx)(p,{style:{backgroundColor:"hsl(".concat(l,"deg ").concat(c,"% ").concat(n,"%)")}})]})}let i=(0,c.z)("div")({name:"Wrapper",class:"wc8dymj",propsAsIs:!1}),a=(0,c.z)("div")({name:"BoxWrapper",class:"bri3cye",propsAsIs:!1}),p=(0,c.z)("div")({name:"Box",class:"b1pgmiry",propsAsIs:!1}),d=(0,c.z)("div")({name:"Channels",class:"cl3u97f",propsAsIs:!1}),o=(0,c.z)("div")({name:"Row",class:"rmmlbxe",propsAsIs:!1}),t=(0,c.z)("div")({name:"Key",class:"k1qvj0pq",propsAsIs:!1}),m=function(s){let{labelSide:e="above"}=s;return(0,r.jsxs)(i,{children:[(0,r.jsx)(n,{labelSide:e,hue:60,sat:100,lit:50}),(0,r.jsx)(n,{labelSide:e,hue:240,sat:100,lit:50})]})};l(81521)},81521:s=>{s.exports={wc8dymj:"wc8dymj",bri3cye:"bri3cye",b1pgmiry:"b1pgmiry",cl3u97f:"cl3u97f",rmmlbxe:"rmmlbxe",k1qvj0pq:"k1qvj0pq"}}}]);
//# sourceMappingURL=6711.6d656fcb7d929898.js.map