// 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 SvgSpotify = ({
  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="M5.2375 11.1333C5.2375 11.1333 6.20794 10.767 7.54469 11.3711C8.88146 11.9753 9.24773 12.9457 9.24773 12.9457M4.98945 8.52481C4.98945 8.52481 6.55651 8.02568 8.78439 9.03261C11.0123 10.0395 11.6732 11.5455 11.6732 11.5455M4.74108 5.9162C4.74108 5.9162 7.12755 5.38499 10.0238 6.69398C12.9201 8.00294 14.0983 10.1452 14.0983 10.1452M1.66553 9.00001C1.66553 10.9453 2.43828 12.8109 3.8138 14.1864C5.18932 15.5619 7.05492 16.3347 9.00019 16.3347C10.9455 16.3347 12.8111 15.5619 14.1866 14.1864C15.5621 12.8109 16.3349 10.9453 16.3349 9.00001C16.3349 7.05474 15.5621 5.18914 14.1866 3.81362C12.8111 2.4381 10.9455 1.66534 9.00019 1.66534C7.05492 1.66534 5.18932 2.4381 3.8138 3.81362C2.43828 5.18914 1.66553 7.05474 1.66553 9.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
