33 lines
662 B
TypeScript
33 lines
662 B
TypeScript
|
import type { SVGProps } from "react";
|
||
|
|
|
||
|
|
import { cn } from "src/lib/utils";
|
||
|
|
|
||
|
|
interface ISVGProps extends SVGProps<SVGSVGElement> {
|
||
|
|
size?: number;
|
||
|
|
className?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const LoadingSpinner = ({
|
||
|
|
className,
|
||
|
|
size = 24,
|
||
|
|
...props
|
||
|
|
}: ISVGProps) => {
|
||
|
|
return (
|
||
|
|
<svg
|
||
|
|
height={size}
|
||
|
|
width={size}
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
{...props}
|
||
|
|
className={cn("animate-spin antialiased", className)}
|
||
|
|
fill="none"
|
||
|
|
stroke="currentColor"
|
||
|
|
strokeLinecap="round"
|
||
|
|
strokeLinejoin="round"
|
||
|
|
strokeWidth="2"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
>
|
||
|
|
<path d="M21 12a9 9 0 1 1-6.219-8.56" />
|
||
|
|
</svg>
|
||
|
|
);
|
||
|
|
};
|