// 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 SvgButtonJumpForward51 = ({
  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.68636 16.3333V9.57127C4.68636 10.5049 3.92949 11.2618 2.99585 11.2618H2.43234M6.9406 16.3333H2.43256M14.2525 9.57127H9.92306L9.35953 12.3888H12.8815C13.4261 12.3888 13.8676 12.8303 13.8676 13.3749V15.3474C13.8676 15.8921 13.4261 16.3333 12.8815 16.3333H10.3457C9.80107 16.3333 9.35953 15.8918 9.35953 15.3472V14.6428M14.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.34635"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
