// 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 SvgNintendoPlaystationController = ({
  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="M5.66677 3.33332L4.66677 2.66666H2.33343L0.777539 10.9647C0.546761 12.1956 1.49101 13.3333 2.74329 13.3333H5.0001L6.0001 9.66666H10.0001L11.0001 13.3333H13.2569C14.5092 13.3333 15.4534 12.1956 15.2226 10.9647L13.6668 2.66666H11.3334L10.3334 3.33332M5.66677 3.33332H10.3334M5.66677 3.33332V6.66666H10.3334V3.33332M2.43402 13.3333L2.66691 12.6667L4.06233 7.64312C4.22264 7.06606 4.74808 6.66666 5.34703 6.66666H10.6534C11.2524 6.66666 11.7778 7.06606 11.9382 7.64312L13.3336 12.6667L13.503 13.3333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
