// 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 SvgButtonGoBackward5 = ({
  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="M10.8334 7H7.67908L7.33341 9H9.77788C10.1461 9 10.4445 9.29846 10.4445 9.66666V11C10.4445 11.3682 10.1461 11.6667 9.77788 11.6667H8.00008C7.63189 11.6667 7.33341 11.3682 7.33341 11V10.6667M3.09125 4.65596C4.42635 2.84298 6.57585 1.66666 9.00008 1.66666C13.0501 1.66666 16.3334 4.94991 16.3334 9C16.3334 13.0501 13.0501 16.3333 9.00008 16.3333C4.94999 16.3333 1.66675 13.0501 1.66675 9C1.66675 8.3546 1.75013 7.7286 1.90671 7.13233M3.29703 1.95036L2.60685 4.52616L5.18265 5.21634"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
