// 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 SvgCalendarHeart = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33325 5.33332H14.6666M3.99992 0.666656V2.66666M11.9999 0.666656V2.66666M1.33325 2.66666H14.6666V14.6667H1.33325V2.66666ZM7.69472 8.21119L7.99992 8.51752L8.30519 8.21119C8.54625 7.96926 8.87325 7.83332 9.21419 7.83332C9.92412 7.83332 10.4997 8.41099 10.4997 9.12352C10.4997 9.46566 10.3643 9.79379 10.1232 10.0357L7.99992 12.1667L5.87676 10.0358C5.63568 9.79379 5.50025 9.46566 5.50025 9.12346C5.50025 8.41092 6.07579 7.83332 6.78572 7.83332C7.12672 7.83332 7.45365 7.96926 7.69472 8.21119Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
