// 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 SvgArcadeStickMoveLeft = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.60814 11.6667C4.2706 12.0215 2.62164 12.8809 2.62164 13.8847C2.62164 15.2057 5.47735 16.2766 9.00006 16.2766C12.5227 16.2766 15.3785 15.2057 15.3785 13.8847C15.3785 12.8809 13.7295 12.0215 11.3919 11.6667M9.00006 13.6667V7.66666M9.00006 7.66666C8.20441 7.66666 7.44134 7.35059 6.87874 6.78798C6.31613 6.22538 6.00006 5.46231 6.00006 4.66666C6.00006 3.87101 6.31613 3.10795 6.87874 2.54534C7.44134 1.98273 8.20441 1.66666 9.00006 1.66666C9.7957 1.66666 10.5588 1.98273 11.1214 2.54534C11.684 3.10795 12.0001 3.87101 12.0001 4.66666C12.0001 5.46231 11.684 6.22538 11.1214 6.78798C10.5588 7.35059 9.7957 7.66666 9.00006 7.66666ZM3.9196 6.41384L2.00012 8.33333L3.9196 10.2528"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
