// 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 SvgBomb = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M16.3334 1.33334H14.3334L12.3334 3.33334M4.33341 8.66668C4.33341 7.60581 4.75484 6.5884 5.50499 5.83825C6.25513 5.0881 7.27255 4.66668 8.33342 4.66668M1.66675 8.66668C1.66675 10.4348 2.36913 12.1305 3.61937 13.3807C4.86961 14.6309 6.56531 15.3333 8.33341 15.3333C10.1015 15.3333 11.7972 14.6309 13.0475 13.3807C14.2977 12.1305 15.0001 10.4348 15.0001 8.66668C15.0001 6.89854 14.2977 5.20288 13.0475 3.95263C11.7972 2.70239 10.1015 2.00001 8.33341 2.00001C6.56531 2.00001 4.86961 2.70239 3.61937 3.95263C2.36913 5.20288 1.66675 6.89854 1.66675 8.66668Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
