// 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 SvgTools = ({
  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.2756 2.05786L10.3335 5V7.66666H13.0002L15.9423 4.72453C16.1942 5.32162 16.3335 5.97788 16.3335 6.66666C16.3335 9.42806 14.0949 11.6667 11.3335 11.6667C10.6448 11.6667 9.9885 11.5274 9.39143 11.2755L4.60954 16.0573L1.94287 13.3907L6.72471 8.60886C6.47278 8.01173 6.3335 7.35546 6.3335 6.66666C6.3335 3.90524 8.5721 1.66666 11.3335 1.66666C12.0223 1.66666 12.6786 1.80594 13.2756 2.05786Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
