// 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 SvgWrenchCircle = ({
  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.00008 16.3332C7.05516 16.3332 5.1899 15.5606 3.81463 14.1853C2.43937 12.81 1.66675 10.9448 1.66675 8.99984C1.66675 7.05492 2.43937 5.18966 3.81463 3.81439C5.1899 2.43912 7.05516 1.6665 9.00008 1.6665C10.945 1.6665 12.8103 2.43912 14.1855 3.81439C15.5608 5.18966 16.3334 7.05492 16.3334 8.99984C16.3334 10.9448 15.5608 12.81 14.1855 14.1853C12.8103 15.5606 10.945 16.3332 9.00008 16.3332ZM9.00008 16.3332C8.43441 16.3332 7.87548 16.2679 7.33341 16.1414V12.6362C6.90526 12.44 6.51109 12.1678 6.17165 11.8284C5.42151 11.0782 5.00008 10.0608 5.00008 8.99997C5.00008 7.9391 5.42151 6.92166 6.17165 6.17151C6.59743 5.74573 7.10932 5.42585 7.66639 5.22883L7.66549 7.99997L9.00001 9.3333L10.3333 7.99997V5.22868C10.8905 5.42569 11.4026 5.74562 11.8285 6.17151C12.5787 6.92166 13.0001 7.9391 13.0001 8.99997C13.0001 10.0608 12.5787 11.0782 11.8285 11.8284C11.4891 12.1678 11.0949 12.44 10.6667 12.6362V16.1414C10.1247 16.2679 9.56575 16.3332 9.00008 16.3332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
