({ text }: { text?: string })
| 1 | function Loading({ text }: { text?: string }) { |
| 2 | return ( |
| 3 | <div |
| 4 | style={{ |
| 5 | flex: 1, |
| 6 | display: "flex", |
| 7 | alignItems: "center", |
| 8 | justifyContent: "center", |
| 9 | flexDirection: "column", |
| 10 | }} |
| 11 | > |
| 12 | <svg xmlns="http://www.w3.org/2000/svg" width="100px" height="100px" viewBox="0 0 100 100"> |
| 13 | <circle cx="30" cy="50" fill="#000"> |
| 14 | <animate attributeName="r" values="0;5;0" dur="1.2s" repeatCount="indefinite" /> |
| 15 | </circle> |
| 16 | <circle cx="50" cy="50" fill="#000"> |
| 17 | <animate attributeName="r" values="0;5;0" dur="1.2s" begin="0.4s" repeatCount="indefinite" /> |
| 18 | </circle> |
| 19 | <circle cx="70" cy="50" fill="#000"> |
| 20 | <animate attributeName="r" values="0;5;0" dur="1.2s" begin="0.8s" repeatCount="indefinite" /> |
| 21 | </circle> |
| 22 | </svg> |
| 23 | {text && text} |
| 24 | </div> |
| 25 | ) |
| 26 | } |
| 27 | |
| 28 | export default Loading |
nothing calls this directly
no outgoing calls
no test coverage detected