(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37509],{21894:(s,a,e)=>{"use strict";e.d(a,{A:()=>x});var n=e(87687);e(52751);var c=e(31928);let t=(0,c.I)("div")({name:"Graph",class:"g1oooq75",propsAsIs:!1}),o=(0,c.I)("div")({name:"Axes",class:"a1m5d84d",propsAsIs:!1}),l=(0,c.I)("div")({name:"VerticalTicks",class:"v1lpa6qu",propsAsIs:!1}),r=(0,c.I)("div")({name:"Label",class:"lox4ews",propsAsIs:!1}),p=(0,c.I)(r)({name:"OpacityLabel",class:"oeqdvn3",propsAsIs:!0}),i=(0,c.I)(r)({name:"TimeLabel",class:"t69nftb",propsAsIs:!0}),d=(0,c.I)("div")({name:"Item",class:"i1w98lv0",propsAsIs:!1}),m=(0,c.I)("div")({name:"VerticalTick",class:"v1x92m40",propsAsIs:!1}),h=(0,c.I)("div")({name:"TickLabel",class:"t1sb0agw",propsAsIs:!1}),x=function(s){let{children:a,...e}=s;return(0,n.jsxs)(t,{...e,children:[(0,n.jsx)(o,{}),(0,n.jsx)(p,{children:"Opacity"}),(0,n.jsx)(i,{children:"Time"}),(0,n.jsx)(l,{children:["0","0.25","0.5","0.75","1"].map(s=>(0,n.jsxs)(d,{children:[(0,n.jsx)(m,{}),(0,n.jsx)(h,{children:s})]},s))}),a]})};e(60740)},37509:(s,a,e)=>{"use strict";e.r(a),e.d(a,{default:()=>j});var n=e(87687),c=e(52751),t=e(31928),o=e(30251),l=e(64075),r=e(60671),p=e(21894);function i(s){let{path:a}=s,e=(0,o.zh)({d:a});return(0,n.jsx)(v,{d:e.d,fill:"none"})}let d=[1,.6,.3],m=(0,t.I)(l.A)({name:"Wrapper",class:"w7d0mjr",propsAsIs:!0}),h=(0,t.I)(p.A)({name:"StyledKeyframeGraph",class:"s1i3j2xq",propsAsIs:!0}),x=(0,t.I)("svg")({name:"Svg",class:"s1iqdmk4",propsAsIs:!1}),v=(0,t.I)(o.CS.path)({name:"Line",class:"l18wpseb",propsAsIs:!0}),w=(0,t.I)("div")({name:"FlagWrapper",class:"f1dkbxg1",propsAsIs:!1}),I=(0,t.I)("svg")({name:"Flag",class:"f139hey8",propsAsIs:!1}),f=(0,t.I)("div")({name:"FlagLabel",class:"f6ng1p2",propsAsIs:!1}),j=function(s){let{}=s,[a,e]=c.useState("with-from"),t="with-from"===a?d.map((s,a)=>"\n        M 0 ".concat(150*s,"\n        L ").concat(150," ").concat(150*s,"\n        L ").concat(150," ").concat(150,"\n        C ").concat(200," ").concat(150,"\n          ").concat(350," 0\n          ").concat(400," 0\n        L ").concat(498.5," 0\n      ")):d.map(s=>"\n        M 0 ".concat(150*s,"\n        L ").concat(150," ").concat(150*s,"\n        L ").concat(150," ").concat(150*s,"\n        C ").concat(200," ").concat(150*s,"\n          ").concat(350," 0\n          ").concat(400," 0\n        L ").concat(498.5," 0\n      "));return(0,n.jsxs)(m,{children:[(0,n.jsx)(r.A,{options:[{label:"Full",value:"with-from"},{label:"Partial",value:"without-from"}],value:a,handleSelect:s=>{e(s)}}),(0,n.jsxs)(h,{children:[(0,n.jsxs)(w,{children:[(0,n.jsx)(I,{width:"12",height:"188",viewBox:"0 0 12 188",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M2 186V8.5C2 4.63401 5.13401 1.5 9 1.5H10",stroke:"white",strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"6 6"})}),(0,n.jsx)(f,{children:"Keyframe Start"})]}),(0,n.jsx)(x,{viewBox:"0 0 ".concat(500," ").concat(150),xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",children:t.map((s,a)=>(0,n.jsx)(i,{path:s},a))})]})]})};e(92201)},60740:s=>{s.exports={g1oooq75:"g1oooq75",a1m5d84d:"a1m5d84d",v1lpa6qu:"v1lpa6qu",lox4ews:"lox4ews",oeqdvn3:"oeqdvn3",t69nftb:"t69nftb",i1w98lv0:"i1w98lv0",v1x92m40:"v1x92m40",t1sb0agw:"t1sb0agw"}},92201:s=>{s.exports={w7d0mjr:"w7d0mjr",s1i3j2xq:"s1i3j2xq",s1iqdmk4:"s1iqdmk4",l18wpseb:"l18wpseb",f1dkbxg1:"f1dkbxg1",f139hey8:"f139hey8",f6ng1p2:"f6ng1p2"}}}]);
//# sourceMappingURL=37509.4eae02a8da877124.js.map