// 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 SvgCogDouble = ({
  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="M2.97055 15.0642C2.70619 14.7998 2.4795 14.5048 2.29397 14.1875L2.27007 14.1461C2.07619 13.806 1.92919 13.441 1.83325 13.0611L2.54837 12.6482C2.50955 12.4381 2.48925 12.2214 2.48925 12C2.48925 11.7786 2.50955 11.562 2.54837 11.3518L1.83325 10.939C1.92923 10.559 2.07633 10.1938 2.27034 9.85349L2.29369 9.81302C2.47927 9.49555 2.70605 9.20042 2.97055 8.93589C2.98531 8.92115 3.00016 8.90649 3.0151 8.89195L3.73072 9.30515C4.05845 9.02469 4.43795 8.80295 4.85289 8.65629V7.83095C5.23405 7.72289 5.63147 7.66669 6.03468 7.66669C6.43791 7.66669 6.83535 7.72289 7.21653 7.83095V8.65629C7.63149 8.80295 8.01099 9.02469 8.33872 9.30515L9.05432 8.89202C9.06925 8.90655 9.08405 8.92115 9.09879 8.93589C9.65632 9.49342 10.0463 10.1872 10.2361 10.939L9.52105 11.3518C9.55985 11.562 9.58019 11.7786 9.58019 12C9.58019 12.2214 9.55985 12.438 9.52105 12.6482L10.2361 13.061C10.0463 13.8128 9.65632 14.5066 9.09879 15.0642C9.08405 15.0789 9.06925 15.0935 9.05432 15.108L8.33872 14.6949C8.01099 14.9754 7.63149 15.1971 7.21653 15.3438V16.1691C6.83535 16.2772 6.43791 16.3334 6.03468 16.3334C5.63147 16.3334 5.23405 16.2772 4.85289 16.1691V15.3438C4.43794 15.1971 4.05845 14.9754 3.73072 14.6949L3.01509 15.1081C3.00015 15.0936 2.98531 15.0789 2.97055 15.0642Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M6.36817 11.6667H5.70125V12.3336H6.36817V11.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M15.4691 2.54537C15.6521 2.72839 15.8091 2.93263 15.9375 3.1523L15.9541 3.18096C16.0883 3.41643 16.19 3.66914 16.2565 3.93209L15.7613 4.66669L16.2565 5.40129C16.19 5.66436 16.0881 5.91718 15.9539 6.15275L15.9377 6.18074C15.8092 6.40054 15.6522 6.60489 15.4691 6.78801C15.4589 6.79822 15.4486 6.80835 15.4383 6.81841L14.5544 6.75697L14.1659 7.55297C13.9021 7.62778 13.6269 7.66669 13.3477 7.66669C13.0686 7.66669 12.7935 7.62778 12.5295 7.55296L12.1411 6.75696L11.2573 6.81837C11.2469 6.80833 11.2367 6.79821 11.2265 6.78801C10.8405 6.40203 10.5705 5.92171 10.4391 5.40124L10.9341 4.66669L10.4391 3.93213C10.5705 3.41167 10.8405 2.93135 11.2265 2.54537C11.2367 2.53517 11.2469 2.52504 11.2573 2.515L12.1411 2.57641L12.5295 1.78041C12.7935 1.7056 13.0686 1.66669 13.3477 1.66669C13.6269 1.66669 13.9021 1.70559 14.1659 1.7804L14.5544 2.57641L15.4383 2.51497C15.4486 2.52502 15.4589 2.53515 15.4691 2.54537Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M13.3491 4.66539H13.3465V4.66799H13.3491V4.66539Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
