// 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 SvgCog2 = ({
  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="M11 7.99998C11 8.79563 10.6839 9.55869 10.1213 10.1213C9.55871 10.6839 8.79565 11 8 11C7.20435 11 6.44129 10.6839 5.87868 10.1213C5.31607 9.55869 5 8.79563 5 7.99998C5 7.20433 5.31607 6.44127 5.87868 5.87866C6.44129 5.31605 7.20435 4.99998 8 4.99998M11 7.99998C11 7.20433 10.6839 6.44127 10.1213 5.87866C9.55871 5.31605 8.79565 4.99998 8 4.99998M11 7.99998H8M8 4.99998V7.99998M8 7.99998L6 9.99998M9.6666 1.33331H6.33325V2.93223C5.62759 3.16417 4.98694 3.53939 4.44571 4.02347L3.05973 3.22327L1.39307 6.11002L2.77812 6.90971C2.70501 7.26165 2.66659 7.62631 2.66659 7.99998C2.66659 8.37365 2.70501 8.73831 2.77813 9.09025L1.39307 9.88991L3.05974 12.7767L4.44572 11.9765C4.98695 12.4606 5.62759 12.8358 6.33325 13.0677V14.6666H9.6666V13.0677C10.3723 12.8358 11.0129 12.4606 11.5541 11.9765L12.9401 12.7767L14.6067 9.88991L13.2217 9.09025C13.2948 8.73831 13.3333 8.37365 13.3333 7.99998C13.3333 7.62631 13.2948 7.26165 13.2217 6.90971L14.6068 6.11002L12.9401 3.22327L11.5541 4.02347C11.0129 3.53939 10.3723 3.16417 9.6666 2.93223V1.33331Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
