import { cn } from '../../utils'

export const LoadingRing = ({ className }: { className: string }) => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={cn(className, 'animate-spin')}
  >
    <g id="Icon">
      <path
        id="Vector"
        d="M7.49037 3.35333C4.37578 4.98106 2.25 8.24227 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 8.24227 19.6242 4.98106 16.5096 3.35333L17.4251 1.29346C21.3266 3.27429 24 7.32493 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 7.32493 2.67342 3.27429 6.57488 1.29346L7.49037 3.35333Z"
        fill="currentColor"
      />
    </g>
  </svg>
)