// 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 SvgHeartSquare = ({
  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 1.33337H14.6666V14.6667H1.33325V1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.55219 5.55234L7.99992 6.00004L8.44765 5.5523C8.80125 5.19869 9.28085 5.00004 9.78092 5.00004C10.8223 5.00004 11.6666 5.84428 11.6665 6.88571C11.6665 7.38577 11.4679 7.86537 11.1143 8.21897L7.99992 11.3334L4.88553 8.21897C4.53191 7.86537 4.33325 7.38577 4.33325 6.88564C4.33325 5.84427 5.17747 5.00004 6.21886 5.00004C6.71899 5.00004 7.19859 5.19871 7.55219 5.55234Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
