// 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 SvgButtonJumpBackward51 = ({
  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="M4.68634 16.3331V9.57107C4.68634 10.5047 3.92947 11.2615 2.99583 11.2615H2.43232M6.94058 16.3331H2.43254M14.2524 9.57127H9.92304L9.35951 12.3888H12.8814C13.426 12.3888 13.8676 12.8303 13.8676 13.3749V15.3474C13.8676 15.8921 13.426 16.3333 12.8814 16.3333H10.3456C9.80104 16.3333 9.35951 15.8918 9.35951 15.3472V14.6428M1.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.34635"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
