(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47716],{47716:(e,o,l)=>{"use strict";l.r(o),l.d(o,{default:()=>p});var s=l(67841),r=l(64833),n=l(82375),i=l.n(n),t=l(74631),d=l(55158);let a=(0,r.z)("div")({name:"Wrapper",class:"wbkyjd7",propsAsIs:!1}),c=(0,r.z)("div")({name:"ColorBox",class:"c1er61zt",propsAsIs:!1}),p=function(e){let{from:o="#FFFF00",to:l="#0005FF"}=e;return(0,s.jsx)(d.ZP,{id:"manual-calculating-midpoints",initialValues:{numMidpoints:1,colorMode:"rgb"},controls:[(0,s.jsx)(d.vn,{id:"numMidpoints",label:"Number of Midpoints",min:0,max:16},"numMidpoints"),(0,s.jsx)(d.Xr,{id:"colorMode",label:"Color Mode",options:["rgb","hsl","lab","hcl"]},"colorMode")],children:e=>{let{numMidpoints:r,colorMode:n}=e,d=r+2,p=i().scale([o,l]).mode(n);return(0,s.jsx)(a,{children:(0,t.w6)(d).map(e=>{let o=p(e/(d-1)).hex();return(0,s.jsx)(c,{style:{backgroundColor:o}},e)})})}})};l(69689)},69689:e=>{e.exports={wbkyjd7:"wbkyjd7",c1er61zt:"c1er61zt"}}}]);
//# sourceMappingURL=47716.31b0222ff196a6db.js.map