// 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 SvgButtonGoBackward = ({
  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="M5.66402 9H12.3359M3.09113 4.65596C4.42623 2.84298 6.57573 1.66666 8.99996 1.66666C13.05 1.66666 16.3333 4.94991 16.3333 9C16.3333 13.0501 13.05 16.3333 8.99996 16.3333C4.94987 16.3333 1.66663 13.0501 1.66663 9C1.66663 8.3546 1.75001 7.7286 1.90659 7.13233M3.29691 1.95036L2.60673 4.52616L5.18253 5.21634"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
