// 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 SvgVrHeadset = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.94737 17V12.6676C2.18543 11.6484 1 9.74329 1 7.56142C1 4.30585 3.63917 1.66669 6.89473 1.66669C9.2568 1.66669 10.769 2.67116 11.8205 4.18471L11.8594 4.24514M9.84213 17V13.456H12.4211V10.8771H14.2632C14.0837 10.1589 13.9041 9.43102 13.7072 8.71549L13.6927 8.66702M1.10677 6.45607H6.8934M6.89487 6.45615C6.89487 5.23531 7.88453 4.24563 9.1054 4.24563H15.0001V8.66669H9.1054C7.88453 8.66669 6.89487 7.67702 6.89487 6.45615Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
