// 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 SvgLightingSettingGear = ({
  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.6667 7.66675C13.6667 4.35304 10.9805 1.66675 7.66675 1.66675C4.35304 1.66675 1.66675 4.35304 1.66675 7.66675C1.66675 10.0225 3.02445 12.0613 5.00008 13.0431V14.0001H7.66675M12.9463 12.2715V13.6049M5.66675 16.3334H8.33341M14.0819 10.5075L13.6856 9.66055H12.2056L11.8094 10.5082L11.3679 10.7632L10.4357 10.6829L9.69575 11.9645L10.2319 12.7319L10.232 13.2409L9.69602 14.0085L10.436 15.2901L11.3684 15.2094L11.8096 15.4641L12.2056 16.3117H13.6856L14.0821 15.4647L14.5243 15.2093L15.4558 15.2901L16.1958 14.0085L15.6607 13.242V12.7305L16.1961 11.9645L15.4561 10.6829L14.5245 10.763L14.0819 10.5075Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
