// 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 SvgControllerSettingGearB = ({
  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="M6.00002 5.33333H2.33335L1.32614 12.3838C1.15402 13.5887 2.08894 14.6667 3.30604 14.6667H5.00002L6.00002 12.3333H10L11 14.6667H12.694C13.9111 14.6667 14.846 13.5887 14.6739 12.3838L14.1703 8.8586M5.33333 7.33333V10.6667M3.66667 9H7M11.2796 5.39506V4.06173M12.4151 7.1592L12.0189 8.0062H10.5389L10.1427 7.15847L9.7012 6.90353L8.769 6.98387L8.029 5.70216L8.5652 4.93475L8.56527 4.42577L8.02927 3.65829L8.76927 2.37657L9.70167 2.45729L10.1429 2.20263L10.5389 1.35498H12.0189L12.4153 2.20203L12.8576 2.45741L13.7891 2.37657L14.5291 3.65829L13.9939 4.42469V4.93623L14.5294 5.70216L13.7894 6.98387L12.8577 6.90367L12.4151 7.1592Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
