// 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 SvgHappyMask = ({
  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="M11.3335 8C11.3335 9.84093 9.8411 11.3333 8.00016 11.3333C6.15922 11.3333 4.66683 9.84093 4.66683 8M4.66683 6.66667V6.33333C4.66683 5.78105 5.11454 5.33333 5.66683 5.33333C6.21912 5.33333 6.66683 5.78105 6.66683 6.33333V6.66667M9.3335 6.66667V6.33333C9.3335 5.78105 9.78123 5.33333 10.3335 5.33333C10.8858 5.33333 11.3335 5.78105 11.3335 6.33333V6.66667M1.3335 1.33333H14.6668V8C14.6668 11.6819 11.682 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
