// 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 SvgTickForward = ({
  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.01115 9.47189L8.21375 11.3598L11.9896 6.63999M14.5559 1.44794L15.3139 4.27669L12.4851 5.03465M15.9543 6.66654C16.2002 7.39954 16.3334 8.18422 16.3334 9.00002C16.3334 13.0501 13.0501 16.3334 9.00008 16.3334C4.94999 16.3334 1.66675 13.0501 1.66675 9.00002C1.66675 4.94993 4.94999 1.66669 9.00008 1.66669C11.3226 1.66669 13.393 2.74639 14.7366 4.43124"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
