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.
33 lines
889 B
33 lines
889 B
import React from 'react';
|
|
|
|
const LoadingSpinner: React.FC = () => {
|
|
return (
|
|
<div className="h-64 inset-0 flex justify-center items-center text-gray-200">
|
|
<svg
|
|
className="w-16 h-16"
|
|
viewBox="0 0 38 38"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
stroke="currentColor"
|
|
>
|
|
<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>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default LoadingSpinner;
|