// 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 SvgModulePuzzle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9 2L6.92447 4.07553C6.66274 3.07311 5.75109 2.33333 4.66667 2.33333C3.378 2.33333 2.33333 3.378 2.33333 4.66667C2.33333 5.75109 3.07311 6.66274 4.07553 6.92447L2 9L4.07342 11.0734C4.13104 10.9965 4.19481 10.9229 4.26471 10.8529C5.06065 10.057 6.35112 10.057 7.14706 10.8529C7.943 11.6489 7.943 12.9393 7.14706 13.7353C7.07716 13.8052 7.00344 13.8689 6.92658 13.9266L9 16L11.0755 13.9245C11.3373 14.9269 12.2489 15.6667 13.3333 15.6667C14.622 15.6667 15.6667 14.622 15.6667 13.3333C15.6667 12.2489 14.9269 11.3373 13.9245 11.0755L16 9L13.9266 6.92658C13.8689 7.00344 13.8052 7.07716 13.7353 7.14706C12.9393 7.943 11.6489 7.943 10.8529 7.14706C10.057 6.35112 10.057 5.06065 10.8529 4.26471C10.9229 4.19481 10.9965 4.13104 11.0734 4.07342L9 2Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
