// 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 SvgButtonGoForward51 = ({
  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="M6.55551 11.6667V6.27197C6.55551 6.9163 6.03318 7.43864 5.38885 7.43864H4.99996M8.11109 11.6667H4.99996M13.1666 7H10.0123L9.66663 9H12.1111C12.4793 9 12.7778 9.29846 12.7778 9.66666V11C12.7778 11.3682 12.4793 11.6667 12.1111 11.6667H10.3333C9.96509 11.6667 9.66663 11.3682 9.66663 11V10.6667M14.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.21634"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
