// 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 SvgArtistSong = ({
  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="M13 15C13 15.3536 12.8595 15.6928 12.6094 15.9428C12.3594 16.1929 12.0202 16.3333 11.6666 16.3333C11.313 16.3333 10.9739 16.1929 10.7238 15.9428C10.4738 15.6928 10.3333 15.3536 10.3333 15C10.3333 14.6464 10.4738 14.3072 10.7238 14.0572C10.9739 13.8071 11.313 13.6667 11.6666 13.6667C12.0202 13.6667 12.3594 13.8071 12.6094 14.0572C12.8595 14.3072 13 14.6464 13 15ZM13 15L13 10.3333H13.6666C15.1394 10.3333 16.3333 11.5273 16.3333 13V13.6667M8.36203 13.6655H1.66663V10.8571C1.66663 10.8571 3.44441 9.33333 6.99996 9.33333C8.79996 9.33333 10.1443 9.72386 11.033 10.1095M4.33396 4.33266C4.33396 5.03973 4.61484 5.71784 5.11481 6.21781C5.61478 6.71778 6.29289 6.99866 6.99996 6.99866C7.70703 6.99866 8.38513 6.71778 8.88511 6.21781C9.38508 5.71784 9.66596 5.03973 9.66596 4.33266C9.66596 3.6256 9.38508 2.94749 8.88511 2.44752C8.38513 1.94755 7.70703 1.66666 6.99996 1.66666C6.29289 1.66666 5.61478 1.94755 5.11481 2.44752C4.61484 2.94749 4.33396 3.6256 4.33396 4.33266Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
