// 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 SvgButtonJumpForward60 = ({
  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.49609 12.7219H5.96833C6.50528 12.7219 6.94053 13.1572 6.94053 13.6941V15.3608C6.94053 15.8977 6.50528 16.333 5.96833 16.333H3.46831C2.93137 16.333 2.49609 15.8977 2.49609 15.3608V12.7219ZM2.49609 12.7219L2.4961 10.6385C2.4961 10.1016 2.93138 9.66633 3.46832 9.66633H5.96833C6.50528 9.66633 6.94053 10.1016 6.94053 10.6385V11.333M14.3413 2.38745V5.34653H11.3821M1.65869 5.69007L1.97385 5.13224C3.17158 3.06173 5.41022 1.6687 7.9742 1.6687C10.5382 1.6687 12.7769 3.06173 13.9746 5.13224L14.0925 5.34635M9.69286 11.2149V14.6898C9.69286 15.5975 10.4287 16.3333 11.3364 16.3333H12.5573C13.4651 16.3333 14.2009 15.5975 14.2009 14.6898V11.2149C14.2009 10.3071 13.4651 9.57127 12.5573 9.57127H11.3364C10.4287 9.57127 9.69286 10.3071 9.69286 11.2149Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
