// 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 SvgFavoriteStarPlaylist = ({
  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.8166 13.9233V4.33106H11.6349C14.196 4.33106 16.2721 6.40722 16.2721 8.96827M6.04204 13.946C6.04204 14.5792 6.29356 15.1864 6.74127 15.6341C7.18899 16.0818 7.79621 16.3333 8.42937 16.3333C9.06253 16.3333 9.66976 16.0818 10.1175 15.6341C10.5652 15.1864 10.8167 14.5792 10.8167 13.946C10.8167 13.3128 10.5652 12.7056 10.1175 12.2579C9.66976 11.8102 9.06253 11.5587 8.42937 11.5587C7.79621 11.5587 7.18899 11.8102 6.74127 12.2579C6.29356 12.7056 6.04204 13.3128 6.04204 13.946ZM5.78615 3.87515L4.89099 2.34058L3.99582 3.87515L2.33337 4.38667L3.4843 5.5376L3.10066 7.45581L4.89099 6.64814L6.68132 7.45581L6.29767 5.5376L7.4486 4.38667L5.78615 3.87515Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
