// 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 SvgFollowing = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.0001 13.6665H10.0001M16.0001 13.6665L13.3334 11M16.0001 13.6665L13.3334 16.3333M8.66675 13.6655H1.66675V10.8571C1.66675 10.8571 3.44453 9.33329 7.00008 9.33329C9.66675 9.33329 11.3334 10.1904 12.0001 10.619M4.33408 4.33263C4.33408 5.03969 4.61496 5.7178 5.11493 6.21777C5.61491 6.71774 6.29301 6.99863 7.00008 6.99863C7.70715 6.99863 8.38526 6.71774 8.88523 6.21777C9.3852 5.7178 9.66608 5.03969 9.66608 4.33263C9.66608 3.62556 9.3852 2.94745 8.88523 2.44748C8.38526 1.94751 7.70715 1.66663 7.00008 1.66663C6.29301 1.66663 5.61491 1.94751 5.11493 2.44748C4.61496 2.94745 4.33408 3.62556 4.33408 4.33263Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
