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"
		>
			<title>spinner</title>
			<path d="M21 12a9 9 0 1 1-6.219-8.56" />
		</svg>
	);
};
