// 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 SvgDesktopMusic = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.33317 13.6667V16.3333M4.99984 16.3333H11.6665M14.3332 6.66667C14.3332 7.1087 14.1576 7.53262 13.845 7.84518C13.5325 8.15774 13.1085 8.33334 12.6665 8.33334C12.2245 8.33334 11.8006 8.15774 11.488 7.84518C11.1754 7.53262 10.9998 7.1087 10.9998 6.66667C10.9998 6.22464 11.1754 5.80072 11.488 5.48816C11.8006 5.1756 12.2245 5.00001 12.6665 5.00001C13.1085 5.00001 13.5325 5.1756 13.845 5.48816C14.1576 5.80072 14.3332 6.22464 14.3332 6.66667ZM14.3332 6.66667L14.3332 1.66667H16.9998M9.33317 4.33334H1.6665V13.6667H14.9998V10"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
