// 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 SvgModulePuzzle2 = ({
  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.97656 4.00004C8.9921 3.89117 9.00016 3.77988 9.00016 3.66671C9.00016 2.37804 7.9555 1.33337 6.66683 1.33337C5.37816 1.33337 4.3335 2.37804 4.3335 3.66671C4.3335 3.77988 4.34156 3.89117 4.35712 4.00004H1.3335V7.02364C1.44236 7.00811 1.55366 7.00004 1.66683 7.00004C2.9555 7.00004 4.00016 8.04471 4.00016 9.33337C4.00016 10.622 2.9555 11.6667 1.66683 11.6667C1.55366 11.6667 1.44236 11.6586 1.3335 11.6431V14.6667H4.35712C4.34156 14.5578 4.3335 14.4466 4.3335 14.3334C4.3335 13.0447 5.37816 12 6.66683 12C7.9555 12 9.00016 13.0447 9.00016 14.3334C9.00016 14.4466 8.9921 14.5578 8.97656 14.6667H12.0002V11.6431C12.109 11.6586 12.2203 11.6667 12.3335 11.6667C13.6222 11.6667 14.6668 10.622 14.6668 9.33337C14.6668 8.04471 13.6222 7.00004 12.3335 7.00004C12.2203 7.00004 12.109 7.00811 12.0002 7.02364V4.00004H8.97656Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
