// 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 SvgTarget2 = ({
  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="M4.24085 14.5779L2.45007 16.5553M13.7594 14.5781L15.5498 16.5553M8.99996 13C11.2091 13 13 11.2091 13 9.00001C13 6.79087 11.2091 5.00001 8.99996 5.00001C6.79082 5.00001 4.99996 6.79087 4.99996 9.00001C4.99996 11.2091 6.79082 13 8.99996 13ZM8.99996 16.3333C4.94987 16.3333 1.66663 13.0501 1.66663 9.00001C1.66663 4.94993 4.94987 1.66669 8.99996 1.66669C13.05 1.66669 16.3333 4.94993 16.3333 9.00001C16.3333 13.0501 13.05 16.3333 8.99996 16.3333ZM9.00003 9.39681C8.78089 9.39681 8.60329 9.21914 8.60329 9.00001C8.60329 8.78087 8.78089 8.60321 9.00003 8.60321C9.21916 8.60321 9.39663 8.78087 9.39663 9.00001C9.39663 9.21914 9.21916 9.39681 9.00003 9.39681Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
