// 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 SvgNintendoXboxController = ({
  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="M6.11467 10.8658L5.73437 13.3587H3.66085C2.47447 13.3587 1.54888 12.3319 1.67158 11.1518L2.52182 2.97468H15.4783L16.3285 11.1518C16.4513 12.3319 15.5257 13.3587 14.3393 13.3587H12.2657L11.8851 10.8631M7.56045 9.7596H10.4397M6.48069 5.85383V2.97461H11.5193V5.85383H6.48069ZM4.68139 9.426C4.68139 9.61502 4.71862 9.80218 4.79095 9.97681C4.86329 10.1514 4.96931 10.3101 5.10296 10.4438C5.23662 10.5774 5.39529 10.6834 5.56992 10.7558C5.74454 10.8281 5.93171 10.8653 6.12073 10.8653C6.30974 10.8653 6.49691 10.8281 6.67153 10.7558C6.84616 10.6834 7.00483 10.5774 7.13849 10.4438C7.27214 10.3101 7.37816 10.1514 7.4505 9.97681C7.52283 9.80218 7.56006 9.61502 7.56006 9.426C7.56006 9.23699 7.52283 9.04982 7.4505 8.87519C7.37816 8.70057 7.27214 8.54189 7.13849 8.40824C7.00483 8.27459 6.84616 8.16857 6.67153 8.09623C6.49691 8.0239 6.30974 7.98667 6.12073 7.98667C5.93171 7.98667 5.74454 8.0239 5.56992 8.09623C5.39529 8.16857 5.23662 8.27459 5.10296 8.40824C4.96931 8.54189 4.86329 8.70057 4.79095 8.87519C4.71862 9.04982 4.68139 9.23699 4.68139 9.426ZM10.4401 9.426C10.4401 9.61502 10.4773 9.80218 10.5496 9.97681C10.622 10.1514 10.728 10.3101 10.8616 10.4438C10.9953 10.5774 11.154 10.6834 11.3286 10.7558C11.5032 10.8281 11.6904 10.8653 11.8794 10.8653C12.0684 10.8653 12.2556 10.8281 12.4302 10.7558C12.6048 10.6834 12.7635 10.5774 12.8972 10.4438C13.0308 10.3101 13.1368 10.1514 13.2092 9.97681C13.2815 9.80218 13.3187 9.61502 13.3187 9.426C13.3187 9.04427 13.1671 8.67817 12.8972 8.40824C12.6272 8.13831 12.2611 7.98667 11.8794 7.98667C11.4977 7.98667 11.1316 8.13831 10.8616 8.40824C10.5917 8.67817 10.4401 9.04427 10.4401 9.426Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
