// 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 SvgArrowCursorClick = ({
  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="M13.6667 7.66666C13.6667 4.35295 10.9805 1.66666 7.66675 1.66666C4.35304 1.66666 1.66675 4.35295 1.66675 7.66666C1.66675 10.9804 4.35304 13.6667 7.66675 13.6667M11.0001 7.66666C11.0001 5.82571 9.50768 4.33332 7.66675 4.33332C5.8258 4.33332 4.33341 5.82571 4.33341 7.66666C4.33341 9.50759 5.8258 11 7.66675 11M9.00008 8.99999L11.0001 15.6667L15.6667 11L9.00008 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
