// 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 SvgHeadphones = ({
  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="M2.66671 8.66668V6.66668C2.66671 3.72116 5.05452 1.33334 8.00004 1.33334C10.9456 1.33334 13.3334 3.72116 13.3334 6.66668V8.66668M2.66671 8.66668C1.93033 8.66668 1.33337 9.26361 1.33337 10V13.3333C1.33337 14.0697 1.93033 14.6667 2.66671 14.6667H5.33337V8.66668H2.66671ZM13.3334 8.66668C14.0698 8.66668 14.6667 9.26361 14.6667 10V13.3333C14.6667 14.0697 14.0698 14.6667 13.3334 14.6667H10.6667V8.66668H13.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
