// 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 SvgButtonJumpBackward60 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2.49607 12.7217H5.96831C6.50526 12.7217 6.94051 13.1569 6.94051 13.6939V15.3605C6.94051 15.8975 6.50526 16.3327 5.96831 16.3327H3.46829C2.93135 16.3327 2.49607 15.8975 2.49607 15.3605V12.7217ZM2.49607 12.7217L2.49608 10.6383C2.49608 10.1014 2.93136 9.66613 3.4683 9.66607H5.96831C6.50526 9.66607 6.94051 10.1014 6.94051 10.6383V11.3327M1.81628 2.38745V5.34653H4.77537M14.4988 5.69007L14.1836 5.13224C12.986 3.06173 10.7473 1.6687 8.18331 1.6687C5.61931 1.6687 3.38068 3.06173 2.18295 5.13224L2.06508 5.34635M9.69284 11.2149V14.6898C9.69284 15.5975 10.4287 16.3333 11.3364 16.3333H12.5573C13.465 16.3333 14.2009 15.5975 14.2009 14.6898V11.2149C14.2009 10.3071 13.465 9.57127 12.5573 9.57127H11.3364C10.4287 9.57127 9.69284 10.3071 9.69284 11.2149Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
