(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40906],{20249:(e,o,l)=>{"use strict";l.r(o),l.d(o,{default:()=>p});var s=l(87687),r=l(31928),n=l(42977),i=l.n(n),t=l(68852),d=l(20120);let a=(0,r.I)("div")({name:"Wrapper",class:"wbkyjd7",propsAsIs:!1}),c=(0,r.I)("div")({name:"ColorBox",class:"c1er61zt",propsAsIs:!1}),p=function(e){let{from:o="#FFFF00",to:l="#0005FF"}=e;return(0,s.jsx)(d.Ay,{id:"manual-calculating-midpoints",initialValues:{numMidpoints:1,colorMode:"rgb"},controls:[(0,s.jsx)(d.oP,{id:"numMidpoints",label:"Number of Midpoints",min:0,max:16},"numMidpoints"),(0,s.jsx)(d.wI,{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.y1)(d).map(e=>{let o=p(e/(d-1)).hex();return(0,s.jsx)(c,{style:{backgroundColor:o}},e)})})}})};l(74887)},74887:e=>{e.exports={wbkyjd7:"wbkyjd7",c1er61zt:"c1er61zt"}}}]);
//# sourceMappingURL=40906.af63d196893a55fd.js.map