// 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 SvgCloudSettingGear = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.6665 11.4649C2.4709 10.7733 1.6665 9.48057 1.6665 8.00004C1.6665 5.94225 3.22038 4.24739 5.21878 4.02482C5.76084 2.4583 7.24897 1.33337 8.99984 1.33337C11.209 1.33337 12.9998 3.12423 12.9998 5.33337C14.8408 5.33337 16.3332 6.82577 16.3332 8.66671C16.3332 10.0336 15.5104 11.2083 14.3332 11.7227M9.00024 10.6266V11.96M10.1358 8.86244L9.7395 8.01551H8.2595L7.8633 8.86317L7.4218 9.11811L6.48959 9.03777L5.74959 10.3195L6.28585 11.0869L6.28587 11.5959L5.74991 12.3634L6.48991 13.6451L7.42226 13.5644L7.8635 13.819L8.2595 14.6667H9.7395L10.136 13.8196L10.5782 13.5642L11.5097 13.6451L12.2497 12.3634L11.7146 11.597V11.0854L12.25 10.3195L11.51 9.03777L10.5784 9.11797L10.1358 8.86244Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
