// 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 SvgControllerWireless = ({
  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="M5.33317 9.33333V12.6667M3.6665 11H6.99984M13.2426 3.09069C10.8994 0.747545 7.10047 0.747545 4.75732 3.09069M11.3568 4.97631C10.055 3.67456 7.9445 3.67456 6.64274 4.97631M10.9998 11.6667H12.3332M12.6665 10H13.9998M8.40637 13.2597C7.8115 14.1531 6.79855 14.7412 5.64892 14.7412H5.37044C3.32482 14.7412 1.6665 13.0829 1.6665 11.0373C1.6665 8.99167 3.32482 7.33333 5.37044 7.33333H12.6292C14.6748 7.33333 16.3332 8.99167 16.3332 11.0373C16.3332 13.0829 14.6748 14.7412 12.6292 14.7412H12.3507C11.201 14.7412 10.1881 14.1531 9.59324 13.2597H8.40637Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
