// 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 SvgTargetDollar = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8 2.66667V0M8 16V13.3333M13.3333 8H16M0 8H2.66667M7.99967 5.66667V4M7.99967 12V10.3333M9.66633 6.66667V6.33333C9.66633 5.96515 9.36787 5.66667 8.99967 5.66667H6.99967C6.63149 5.66667 6.33301 5.96515 6.33301 6.33333V6.95347C6.33301 7.27127 6.55731 7.54487 6.86893 7.6072L9.1304 8.05947C9.44207 8.1218 9.66633 8.3954 9.66633 8.7132V9.66667C9.66633 10.0349 9.36787 10.3333 8.99967 10.3333H6.99967C6.63149 10.3333 6.33301 10.0349 6.33301 9.66667V9.33333M8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
