// 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 SvgButtonGoForward5 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.9088 4.65596C13.5737 2.84298 11.4242 1.66666 8.99996 1.66666C4.94987 1.66666 1.66663 4.94991 1.66663 9C1.66663 13.0501 4.94987 16.3333 8.99996 16.3333C13.05 16.3333 16.3333 13.0501 16.3333 9C16.3333 8.3546 16.2499 7.7286 16.0934 7.13233M14.703 1.95036L15.3932 4.52616L12.8174 5.21634M10.8333 7H7.67896L7.33329 9H9.77776C10.146 9 10.4444 9.29846 10.4444 9.66666V11C10.4444 11.3682 10.146 11.6667 9.77776 11.6667H7.99996C7.63177 11.6667 7.33329 11.3682 7.33329 11V10.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
