// 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 SvgInboxFavoriteHeart = ({
  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="M7.6665 11H1.6665V1.66667H13.6665V8.33333M1.6665 3L7.6665 6.33333L13.6665 3M12.5924 10.8562L12.9998 11.2807L13.4072 10.8561C13.7277 10.5221 14.1706 10.3333 14.6335 10.3333H14.6832C15.5944 10.3333 16.3332 11.0721 16.3331 11.9833C16.3331 12.4209 16.1593 12.8405 15.8499 13.1499L12.9998 16L10.1498 13.1499C9.8403 12.8405 9.6665 12.4209 9.6665 11.9833C9.6665 11.072 10.4052 10.3333 11.3164 10.3333H11.3661C11.829 10.3333 12.272 10.5221 12.5924 10.8562Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
