// 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 SvgTargetCross = ({
  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.3333 11L11 16.3334M16.3333 16.3334L11 11M8.99999 16.3334C4.9499 16.3334 1.66666 13.0501 1.66666 9.00002C1.66666 4.94993 4.9499 1.66669 8.99999 1.66669M8.99999 12.6667C6.97494 12.6667 5.33332 11.0251 5.33332 9.00002C5.33332 6.97497 6.97494 5.33335 8.99999 5.33335M8.99999 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,
    },
  )
