You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
740 B
30 lines
740 B
2 years ago
|
import React from "react"
|
||
|
|
||
|
const Loader = () => {
|
||
|
return (
|
||
|
<svg
|
||
|
viewBox="0 0 38 38"
|
||
|
className="animate-spin h-5 w-5 stroke-current text-black-600 mr-2"
|
||
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
>
|
||
|
<g fill="none" fillRule="evenodd">
|
||
|
<g transform="translate(1 1)" strokeWidth="2">
|
||
|
<circle strokeOpacity=".5" cx="18" cy="18" r="18" />
|
||
|
<path d="M36 18c0-9.94-8.06-18-18-18">
|
||
|
<animateTransform
|
||
|
attributeName="transform"
|
||
|
type="rotate"
|
||
|
from="0 18 18"
|
||
|
to="360 18 18"
|
||
|
dur="1s"
|
||
|
repeatCount="indefinite"
|
||
|
/>
|
||
|
</path>
|
||
|
</g>
|
||
|
</g>
|
||
|
</svg>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default Loader
|