// 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 SvgButtonGoForward0 = ({
  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.83327 11.6667V6.55224C6.83327 7.19658 6.31093 7.71893 5.6666 7.71893H5.27771M8.38883 11.6667H5.27771M14.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.21634M9.61103 8.13426V10.5324C9.61103 11.1589 10.1189 11.6667 10.7453 11.6667H11.5879C12.2144 11.6667 12.7222 11.1589 12.7222 10.5324V8.13426C12.7222 7.50782 12.2144 7 11.5879 7H10.7453C10.1189 7 9.61103 7.50782 9.61103 8.13426Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
