// 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 SvgTagFreeCircle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.38426 4.61658C4.71227 2.86028 6.8188 1.7254 9.19038 1.7254C11.562 1.7254 13.6685 2.86028 14.9965 4.61658M14.9965 13.3834C13.6685 15.1396 11.562 16.2745 9.19038 16.2745C6.8188 16.2745 4.71227 15.1396 3.38426 13.3834M12.8762 7.11798H10.3053V10.9743H12.8762M10.3053 8.88545H12.5548M17 7.11798H14.4292V10.9743H17M14.4292 8.88545H16.6787M1.68195 11.5487V7.11798H4.25282M1.68195 8.88558H3.93146M5.80629 9.36752V7.11798H7.88765C8.15798 7.11798 8.37718 7.33714 8.37718 7.6075V8.87798C8.37718 9.14832 8.15798 9.36752 7.88765 9.36752H5.80629ZM5.80629 9.36752V11.5487M7.4129 9.36785L8.71885 11.3798"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
