28 lines
700 B
TypeScript
28 lines
700 B
TypeScript
import { JSX } from "react";
|
|
|
|
export const LoadingSpinIcon = ({
|
|
size = 5,
|
|
color = "brand",
|
|
className,
|
|
}: {
|
|
size?: number;
|
|
color?: string;
|
|
className?: string;
|
|
}): JSX.Element => (
|
|
<svg
|
|
className={`animate-spin text-${color} w-${size} h-${size} ${className}`}
|
|
xmlns='http://www.w3.org/2000/svg'
|
|
fill='none'
|
|
viewBox='0 0 24 24'
|
|
>
|
|
<title>Loading spinner</title>
|
|
<circle className='opacity-25' cx='12' cy='12' r='10' stroke='currentColor' strokeWidth='4' />
|
|
|
|
<path
|
|
className='opacity-75'
|
|
fill='currentColor'
|
|
d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'
|
|
/>
|
|
</svg>
|
|
);
|