// 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 SvgMouseSettingGear = ({
  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="M12.3332 7.66666V1.66666H1.6665V11C1.6665 13.9455 4.05432 16.3333 6.99984 16.3333C7.45686 16.3333 7.90044 16.2759 8.32377 16.1677M6.99984 4.33332V6.99999M12.946 12.2716V13.6049M14.0815 10.5074L13.6852 9.66046H12.2052L11.809 10.5081L11.3675 10.7631L10.4353 10.6828L9.6953 11.9645L10.2316 12.7319V13.2409L9.69564 14.0084L10.4356 15.2901L11.368 15.2093L11.8092 15.464L12.2052 16.3117H13.6852L14.0817 15.4646L14.5239 15.2093L15.4554 15.2901L16.1954 14.0084L15.6603 13.2419L15.6602 12.7304L16.1957 11.9645L15.4557 10.6828L14.5241 10.7629L14.0815 10.5074Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
