import { SVGProps } from "react";

export default function LoaderIcon(props: SVGProps<SVGSVGElement>) {
  const color = props?.color || "#3B82F6";
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <circle
        cx="12"
        cy="12"
        r="9"
        stroke={color}
        strokeWidth="2"
        strokeLinecap="round"
        strokeDasharray="4 4"
        opacity="0.25"
      />
      <path
        d="M12 3C16.9706 3 21 7.02944 21 12"
        stroke={color}
        strokeWidth="2"
        strokeLinecap="round"
      />
    </svg>
  );
}
