// 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 SvgButtonJumpBackward30 = ({
  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.18479 14.6428V15.3472C2.18479 15.8918 2.6263 16.3333 3.17093 16.3333H5.7067C6.25134 16.3333 6.69284 15.8918 6.69284 15.3472V13.6564C6.69284 13.1118 6.25134 12.6705 5.70671 12.6705H3.87345H5.42516C5.96979 12.6705 6.4111 12.2291 6.4111 11.6845V10.5573C6.4111 10.0127 5.96959 9.5712 5.42496 9.5712H3.45268C2.90806 9.5712 2.46654 10.0127 2.46654 10.5573V11.2627M1.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.35951 11.0833V14.5582C9.35951 15.4659 10.0954 16.2017 11.003 16.2017H12.224C13.1317 16.2017 13.8676 15.4659 13.8676 14.5582V11.0833C13.8676 10.1755 13.1317 9.43967 12.224 9.43967H11.003C10.0954 9.43967 9.35951 10.1755 9.35951 11.0833Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
