(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92102],{11493:(n,e,s)=>{"use strict";s.r(e),s.d(e,{default:()=>x});var t=s(87687),o=s(52751),l=s(31928),r=s(42077),a=s(68852),c=s(20120),p=s(78262);let i={pink:"hsl(331deg 100% 55%)",yellow:"hsl(50deg 100% 50%)",blue:"hsl(200deg 100% 55%)"},u=(0,l.I)(p.A)({name:"OutputWrapper",class:"oq302qi",propsAsIs:!0}),d=(0,l.I)("div")({name:"Wrapper",class:"w1e6qp7m",propsAsIs:!1}),g=(0,l.I)("div")({name:"Gradient",class:"gi1h0ga",propsAsIs:!1}),h=(0,l.I)("div")({name:"PointGroups",class:"pbugnhq",propsAsIs:!1}),m=(0,l.I)("div")({name:"Group",class:"gnijb6c",propsAsIs:!1}),b=(0,l.I)("div")({name:"PointWrapper",class:"p1tengjt",propsAsIs:!1}),j=(0,l.I)("div")({name:"Point",class:"p19u51va",propsAsIs:!1}),x=function(){let n=o.useId();return(0,t.jsx)(c.Ay,{id:n,initialValues:{gradientStyle:"smooth"},outputWrapper:u,controls:[(0,t.jsx)(c.wI,{id:"gradientStyle",label:"Gradient Style",options:["smooth","bars"]},"gradientStyle")],children:n=>{let{gradientStyle:e}=n;return(0,t.jsx)(d,{children:(0,t.jsx)(r.c7,{to:{progress:"smooth"===e?0:1},config:{stiffness:100,friction:40},children:n=>{let{progress:s}=n,o=[0,(0,a.S8)(s,0,1,0,33.3),(0,a.S8)(s,0,1,50,33.3),(0,a.S8)(s,0,1,50,66.7),(0,a.S8)(s,0,1,100,66.7),100],l=function(n){let e=200/3,s=200/3/2;return[{color:i.pink,flex:2,points:[17,(0,a.S8)(n,0,1,s,e)+16]},{color:i.yellow,flex:1,points:[(0,a.S8)(n,0,1,s,0)]},{color:i.yellow,flex:1,points:[(0,a.S8)(n,0,1,0,s)]},{color:i.blue,flex:2,points:[(0,a.S8)(n,0,1,s,0),e-1]}]}(s);return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g,{style:{background:function(n,e,s,t,o,l){return"linear-gradient(\n    to bottom,\n    ".concat(i.pink," ").concat(n,"%,\n    ").concat(i.pink," ").concat(e,"%,\n    ").concat(i.yellow," ").concat(s,"%,\n    ").concat(i.yellow," ").concat(t,"%,\n    ").concat(i.blue," ").concat(o,"%,\n    ").concat(i.blue," ").concat(l,"%\n  )")}(...o)}}),(0,t.jsx)(h,{children:l.map((n,s)=>{let{color:o,flex:l,points:r}=n;return(0,t.jsx)(m,{"data-is-smooth":"smooth"===e,style:{flex:l},children:r.map((n,e)=>(0,t.jsx)(b,{style:{"--p":n+"px","--bg":o},children:(0,t.jsx)(j,{})},e))},s)})})]})}})})}})};s(15547)},15547:n=>{n.exports={oq302qi:"oq302qi",w1e6qp7m:"w1e6qp7m",gi1h0ga:"gi1h0ga",pbugnhq:"pbugnhq",gnijb6c:"gnijb6c",p1tengjt:"p1tengjt",p19u51va:"p19u51va"}}}]);
//# sourceMappingURL=92102.8ad9eec0a0c2707b.js.map