// 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 SvgMusicFolderSong = ({
  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="M11.6666 10.3333C11.6666 11.0697 11.0697 11.6666 10.3333 11.6666C9.59685 11.6666 8.99992 11.0697 8.99992 10.3333C8.99992 9.59685 9.59685 8.99992 10.3333 8.99992C11.0697 8.99992 11.6666 9.59685 11.6666 10.3333ZM11.6666 10.3333L11.6666 5.66659L6.66659 6.99992V10.9999M6.66659 10.9999C6.66659 11.3535 6.52611 11.6927 6.27606 11.9427C6.02601 12.1928 5.68687 12.3333 5.33325 12.3333C4.97963 12.3333 4.64049 12.1928 4.39044 11.9427C4.14039 11.6927 3.99992 11.3535 3.99992 10.9999C3.99992 10.6463 4.14039 10.3072 4.39044 10.0571C4.64049 9.80706 4.97963 9.66658 5.33325 9.66658C5.68687 9.66658 6.02601 9.80706 6.27606 10.0571C6.52611 10.3072 6.66659 10.6463 6.66659 10.9999ZM14.6666 14.6666V3.33325H7.33325L5.33325 1.33325H1.33325V14.6666H14.6666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
