// 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 SvgWrenchSquare = ({
  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="M1.33325 1.3335H14.6666V14.6668H1.33325V1.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.66623 4.22916C6.10916 4.42618 5.59727 4.74606 5.17149 5.17184C4.42135 5.92198 3.99992 6.93943 3.99992 8.0003C3.99992 9.06116 4.42135 10.0786 5.17149 10.8287C5.51093 11.1682 5.9051 11.4403 6.33325 11.6365V14.6668H9.66658V11.6365C10.0947 11.4403 10.4889 11.1682 10.8283 10.8287C11.5785 10.0786 11.9999 9.06116 11.9999 8.0003C11.9999 6.93943 11.5785 5.92198 10.8283 5.17184C10.4025 4.74595 9.89039 4.42602 9.33319 4.229V7.0003L7.99985 8.33363L6.66533 7.0003L6.66623 4.22916Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
