// 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 SvgDeletePlaylist = ({
  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="M5.67171 0.666672L0.679199 5.65918M5.67171 5.65918L0.679199 0.666672M9.81653 12.9233V3.33106H10.6349C13.1959 3.33106 15.2721 5.40723 15.2721 7.96827M5.042 12.946C5.042 13.5792 5.29352 14.1864 5.74123 14.6341C6.18895 15.0818 6.79617 15.3333 7.42933 15.3333C8.06249 15.3333 8.66972 15.0818 9.11743 14.6341C9.56514 14.1864 9.81667 13.5792 9.81667 12.946C9.81667 12.3128 9.56514 11.7056 9.11743 11.2579C8.66972 10.8102 8.06249 10.5587 7.42933 10.5587C6.79617 10.5587 6.18895 10.8102 5.74123 11.2579C5.29352 11.7056 5.042 12.3128 5.042 12.946Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
