// 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 SvgTarget = ({
  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="M16.3334 9.00002C16.3334 13.0501 13.0501 16.3334 9.00002 16.3334C4.94993 16.3334 1.66669 13.0501 1.66669 9.00002C1.66669 4.94993 4.94993 1.66669 9.00002 1.66669M12.6667 9.00002C12.6667 11.0251 11.0251 12.6667 9.00002 12.6667C6.97497 12.6667 5.33335 11.0251 5.33335 9.00002C5.33335 6.97497 6.97497 5.33335 9.00002 5.33335M9.00002 9.00002L11.5667 6.43337M11.5667 6.43337L11.2 4.60001L13.4 2.40001L13.7667 4.23334L15.6 4.60001L13.4 6.80001L11.5667 6.43337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
