| 83 | } |
| 84 | |
| 85 | const buildCircle = (spinner: SpinnerConfig, duration: number, index: number, total: number) => { |
| 86 | const data = spinner.fn(duration, index, total); |
| 87 | data.style['animation-duration'] = duration + 'ms'; |
| 88 | |
| 89 | return ( |
| 90 | <svg viewBox={data.viewBox || '0 0 64 64'} style={data.style}> |
| 91 | <circle |
| 92 | transform={data.transform || 'translate(32,32)'} |
| 93 | cx={data.cx} |
| 94 | cy={data.cy} |
| 95 | r={data.r} |
| 96 | style={spinner.elmDuration ? { animationDuration: duration + 'ms' } : {}} |
| 97 | /> |
| 98 | </svg> |
| 99 | ); |
| 100 | }; |
| 101 | |
| 102 | const buildLine = (spinner: SpinnerConfig, duration: number, index: number, total: number) => { |
| 103 | const data = spinner.fn(duration, index, total); |