// 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 SvgKeyboardOptionSetting2 = ({
  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="M16.3332 7.33334V1.33334H1.6665V9.33334H8.33317M3.6665 4.00001H5.33317M3.6665 6.66668H5.33317M6.6665 4.00001H8.33317M12.6665 4.00001H14.3332M9.6665 4.00001H11.3332M6.6665 6.66668H10.6665M12.9461 10.605V11.9383M14.0813 8.84074L13.685 7.99381H12.205L11.8089 8.84148L11.3674 9.09648L10.4352 9.01614L9.69517 10.2978L10.2314 11.0652V11.5742L9.69544 12.3417L10.4354 13.6234L11.3678 13.5427L11.809 13.7973L12.205 14.645H13.685L14.0815 13.7979L14.5238 13.5426L15.4552 13.6234L16.1952 12.3417L15.6602 11.5753L15.6601 11.0637L16.1956 10.2978L15.4556 9.01614L14.5239 9.09628L14.0813 8.84074Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
