mirror of
https://github.com/logos-messaging/examples.waku.org.git
synced 2026-01-02 12:53:08 +00:00
21 lines
1.1 KiB
JavaScript
21 lines
1.1 KiB
JavaScript
import React from 'react'
|
|
|
|
export default function Loading() {
|
|
return (
|
|
<div className='h-screen bg-black flex items-center w-full justify-center'>
|
|
<svg width="60" height="60" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" stroke="#ffffff" strokeLinecap="round" strokeWidth="2">
|
|
<path strokeDasharray="60" strokeDashoffset="60" strokeOpacity=".3" d="M12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3Z">
|
|
<animate fill="freeze" attributeName="strokeDashoffset" dur="1.3s" values="60;0" />
|
|
</path>
|
|
<path strokeDasharray="15" strokeDashoffset="15" d="M12 3C16.9706 3 21 7.02944 21 12">
|
|
<animate fill="freeze" attributeName="strokeDashoffset" dur="0.3s" values="15;0" />
|
|
<animateTransform attributeName="transform" dur="1.5s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12" />
|
|
</path>
|
|
</g>
|
|
</svg>
|
|
|
|
</div>
|
|
)
|
|
}
|