import { type SVGProps } from 'react';

export function LoadingSpinnerIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" {...props}>
      <circle cx="12" cy="12" r="10" strokeWidth="4" fill="none" className="opacity-25" />
      <circle
        cx="12"
        cy="12"
        r="10"
        strokeWidth="4"
        strokeLinecap="round"
        fill="none"
        pathLength="100"
        strokeDasharray="60 140"
        strokeDashoffset="0"
      />
    </svg>
  );
}
