// 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 SvgBug = ({
  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="M12.6665 12V3.99996C12.6665 3.99996 10.6665 2.66663 7.99984 2.66663C5.33317 2.66663 3.33317 3.99996 3.33317 3.99996V12M12.6665 12L7.99984 14.6666L3.33317 12M12.6665 12L14.9998 13.3333M3.33317 12L0.999837 13.3333M3.33317 5.99996H12.6665M7.35857 2.69201L5.33317 0.666626M8.6411 2.69201L10.6665 0.666626M3.33317 7.33329L0.999837 5.99996M0.666504 9.66663H3.33317M12.6665 7.33329L14.9998 5.99996M12.6665 9.66663H15.3332"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
