// 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 SvgTagNewCircle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.251 7.11961H6.67026V10.9908H9.251M6.67026 8.89385H8.9284M1.4873 11.5486V7.11966H1.8099L3.74549 10.9908H4.06808V6.56183M10.7189 6.56648L11.4395 10.9746H11.7621L12.6492 8.39378H12.8105L13.6976 10.9746H14.0202L14.7399 6.56648M2.38428 4.61658C3.71229 2.86028 5.81882 1.7254 8.1904 1.7254C10.562 1.7254 12.6685 2.86028 13.9965 4.61658M13.9965 13.3834C12.6685 15.1396 10.562 16.2745 8.1904 16.2745C5.81882 16.2745 3.71229 15.1396 2.38428 13.3834"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
