// 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 SvgModulePuzzle3 = ({
  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.00016 14.6667V12.6667C8.73656 12.6667 9.3335 12.0698 9.3335 11.3334C9.3335 10.597 8.73656 10 8.00016 10V6.00004C7.26376 6.00004 6.66683 5.40309 6.66683 4.66671C6.66683 3.93033 7.26376 3.33337 8.00016 3.33337V1.33337M14.6668 8.00004H12.6668C12.6668 7.26364 12.0699 6.66671 11.3335 6.66671C10.5971 6.66671 10.0002 7.26364 10.0002 8.00004H6.00016C6.00016 8.73644 5.40321 9.33337 4.66683 9.33337C3.93045 9.33337 3.3335 8.73644 3.3335 8.00004H1.3335M14.6668 1.33337H1.3335V14.6667H14.6668V1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
