// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgLoop = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00008 8.00008C9.00008 8.00008 7.66675 11.3334 5.00008 11.3334C3.15952 11.3334 1.66675 9.84101 1.66675 8.00008C1.66675 6.15913 3.15952 4.66675 5.00008 4.66675C7.66675 4.66675 9.00008 8.00008 9.00008 8.00008ZM9.00008 8.00008C9.00008 8.00008 10.3334 4.66675 13.0001 4.66675C14.8406 4.66675 16.3334 6.15913 16.3334 8.00008C16.3334 9.84101 14.8406 11.3334 13.0001 11.3334C10.3334 11.3334 9.00008 8.00008 9.00008 8.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
