// 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 SvgSmileyInLove = ({
  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="M15.9542 6.66667C16.2 7.39963 16.3332 8.18427 16.3332 9.00001C16.3332 13.0501 13.0499 16.3333 8.99984 16.3333C4.94975 16.3333 1.6665 13.0501 1.6665 9.00001C1.6665 8.18427 1.7997 7.39963 2.04552 6.66667M12.3332 9.00001C12.3332 10.8409 10.8408 12.3333 8.99984 12.3333C7.15889 12.3333 5.6665 10.8409 5.6665 9.00001M7.6665 1.78759C8.0989 1.70817 8.5445 1.66667 8.99984 1.66667C9.45517 1.66667 9.90077 1.70817 10.3332 1.78759M4.71494 3.34883L4.99983 3.63159L5.28476 3.3488C5.5098 3.12547 5.815 3.00001 6.13324 3.00001C6.79595 3.00001 7.33318 3.53321 7.33317 4.19094C7.33316 4.50678 7.20674 4.80968 6.98172 5.03301L4.99983 7.00001L3.01796 5.03303C2.79292 4.80969 2.6665 4.50677 2.6665 4.19092C2.6665 3.5332 3.20374 3.00001 3.86644 3.00001C4.18469 3.00001 4.4899 3.12548 4.71494 3.34883ZM12.715 3.34883L12.9998 3.63159L13.2848 3.3488C13.5098 3.12547 13.815 3.00001 14.1332 3.00001C14.796 3.00001 15.3332 3.53321 15.3332 4.19094C15.3332 4.50678 15.2068 4.80968 14.9817 5.03301L12.9998 7.00001L11.018 5.03303C10.7929 4.80969 10.6665 4.50677 10.6665 4.19092C10.6665 3.5332 11.2037 3.00001 11.8664 3.00001C12.1847 3.00001 12.4899 3.12548 12.715 3.34883Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
