// 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 SvgPlayStation = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.26179 17V1.98764L11.1224 2.94115C12.6967 3.46595 13.7587 4.93929 13.7587 6.59883C13.7587 7.81534 12.6457 8.72774 11.4529 8.48914L10.0941 8.21741M10.1419 12.171L12.1195 11.3791C12.9806 11.0343 13.9985 10.945 14.9517 11.1308C16.5479 11.4419 16.8343 12.9629 15.4093 13.5611L10.1419 15.7742M6.19557 13.6345L5.31738 13.9602C4.40572 14.3253 3.2808 14.2894 2.419 13.8675C1.41235 13.3747 1.48888 12.3013 2.56046 11.8833L4.61669 11.0813L6.19557 10.4677"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
