// 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 SvgWrench = ({
  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="M13.2754 2.0577L10.3333 4.99984V7.6665H12.9999L15.9421 4.72437C16.194 5.32146 16.3333 5.97772 16.3333 6.6665C16.3333 9.4279 14.0947 11.6665 11.3333 11.6665C10.6445 11.6665 9.98825 11.5272 9.39119 11.2753L4.60929 16.0572L1.94263 13.3905L6.72447 8.6087C6.47253 8.01157 6.33325 7.3553 6.33325 6.6665C6.33325 3.90508 8.57185 1.6665 11.3333 1.6665C12.0221 1.6665 12.6783 1.80578 13.2754 2.0577Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
