// 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 SvgButtonJumpForward0 = ({
  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.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.2149V14.6898C9.35953 15.5975 10.0954 16.3333 11.0031 16.3333H12.224C13.1317 16.3333 13.8676 15.5975 13.8676 14.6898V11.2149C13.8676 10.3071 13.1317 9.57127 12.224 9.57127H11.0031C10.0954 9.57127 9.35953 10.3071 9.35953 11.2149Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
