// 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 SvgXbox = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.2787 3.91603C8.82256 4.54772 4.54389 9.04289 4.24931 14.595M3.72125 3.91603C9.17736 4.54772 13.456 9.04289 13.7506 14.595M1.66663 9.00002C1.66663 10.9449 2.43924 12.8102 3.81451 14.1855C5.18978 15.5607 7.05504 16.3334 8.99996 16.3334C10.9449 16.3334 12.8101 15.5607 14.1854 14.1855C15.5607 12.8102 16.3333 10.9449 16.3333 9.00002C16.3333 7.0551 15.5607 5.18984 14.1854 3.81457C12.8101 2.4393 10.9449 1.66669 8.99996 1.66669C7.05504 1.66669 5.18978 2.4393 3.81451 3.81457C2.43924 5.18984 1.66663 7.0551 1.66663 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
