// 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 SvgArrowLeftCircle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.33335 5L5.33335 8.99993M5.33335 8.99993L9.33335 12.9999M5.33335 8.99993L13.3334 8.99993M16.3334 9C16.3334 10.9449 15.5608 12.8102 14.1855 14.1855C12.8102 15.5607 10.945 16.3333 9.00002 16.3333C7.0551 16.3333 5.18984 15.5607 3.81457 14.1855C2.4393 12.8102 1.66669 10.9449 1.66669 9C1.66669 7.05508 2.4393 5.18982 3.81457 3.81455C5.18984 2.43928 7.0551 1.66666 9.00002 1.66666C10.945 1.66666 12.8102 2.43928 14.1855 3.81455C15.5608 5.18982 16.3334 7.05508 16.3334 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
