// 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 SvgFavoriteHeartPlaylist = ({
  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="M10.8165 13.9233V4.33104H11.6348C14.1959 4.33104 16.272 6.40721 16.272 8.96826M4.37673 2.13164L5.12509 2.88001L5.87347 2.13164C6.49344 1.51166 7.49861 1.51166 8.11856 2.13164C8.73856 2.75161 8.73856 3.75678 8.11856 4.37675L5.12509 7.37024L2.13161 4.37675C1.51163 3.75678 1.51163 2.75161 2.13161 2.13164C2.75158 1.51166 3.75675 1.51166 4.37673 2.13164ZM6.04196 13.946C6.04196 14.5792 6.29348 15.1864 6.74119 15.6341C7.1889 16.0818 7.79613 16.3333 8.42929 16.3333C9.06245 16.3333 9.66968 16.0818 10.1174 15.6341C10.5651 15.1864 10.8166 14.5792 10.8166 13.946C10.8166 13.3128 10.5651 12.7056 10.1174 12.2579C9.66968 11.8102 9.06245 11.5587 8.42929 11.5587C7.79613 11.5587 7.1889 11.8102 6.74119 12.2579C6.29348 12.7056 6.04196 13.3128 6.04196 13.946Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
