// 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 SvgRemoveFromPlaylist = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.66667 4H0M9.81654 12.9233V3.33105H10.6349C13.1959 3.33105 15.2721 5.40722 15.2721 7.96827M5.04201 12.946C5.04201 13.5792 5.29353 14.1864 5.74124 14.6341C6.18895 15.0818 6.79618 15.3333 7.42934 15.3333C8.0625 15.3333 8.66973 15.0818 9.11744 14.6341C9.56515 14.1864 9.81667 13.5792 9.81667 12.946C9.81667 12.3128 9.56515 11.7056 9.11744 11.2579C8.66973 10.8102 8.0625 10.5587 7.42934 10.5587C6.79618 10.5587 6.18895 10.8102 5.74124 11.2579C5.29353 11.7056 5.04201 12.3128 5.04201 12.946Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
