// 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 SvgButtonJumpForward30 = ({
  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.18481 14.6428V15.3472C2.18481 15.8918 2.62632 16.3333 3.17095 16.3333H5.70672C6.25136 16.3333 6.69286 15.8918 6.69286 15.3472V13.6564C6.69286 13.1118 6.25136 12.6705 5.70673 12.6705H3.87347H5.42518C5.96981 12.6705 6.41112 12.2291 6.41112 11.6845V10.5573C6.41112 10.0127 5.96961 9.5712 5.42498 9.5712H3.4527C2.90808 9.5712 2.46656 10.0127 2.46656 10.5573V11.2627M14.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.35953 11.0833V14.5582C9.35953 15.4659 10.0954 16.2017 11.0031 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.0031C10.0954 9.43967 9.35953 10.1755 9.35953 11.0833Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
