// 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 SvgControllerSettingGear = ({
  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="M14.1669 7.6665V4.16654H11.9794L10.4169 1.6665H5.41681L3.85428 4.16654H1.66675V11.6666H7.33341M12.9462 12.2713V13.6046M7.91695 5.10433C6.7088 5.10433 5.72941 6.08372 5.72941 7.29186C5.72941 8.50004 6.7088 9.47937 7.91695 9.47937C9.12508 9.47937 10.1045 8.50004 10.1045 7.29186C10.1045 6.08372 9.12508 5.10433 7.91695 5.10433ZM14.0817 10.5072L13.6854 9.6603H12.2054L11.8093 10.508L11.3677 10.763L10.4355 10.6826L9.69555 11.9643L10.2318 12.7317V13.2407L9.69588 14.0082L10.4359 15.2899L11.3682 15.2092L11.8095 15.4638L12.2054 16.3115H13.6854L14.0819 15.4644L14.5241 15.2091L15.4557 15.2899L16.1957 14.0082L15.6605 13.2418L15.6605 12.7302L16.1959 11.9643L15.4559 10.6826L14.5243 10.7628L14.0817 10.5072Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
