// 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 SvgSadMask = ({
  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="M4.66683 4.66666V4.99999C4.66683 5.55228 5.11454 5.99999 5.66683 5.99999C6.21912 5.99999 6.66683 5.55228 6.66683 4.99999V4.66666M9.3335 4.66666V4.99999C9.3335 5.55228 9.78123 5.99999 10.3335 5.99999C10.8858 5.99999 11.3335 5.55228 11.3335 4.99999V4.66666M11.3335 11.3333C11.3335 9.49239 9.8411 7.99999 8.00016 7.99999C6.15922 7.99999 4.66683 9.49239 4.66683 11.3333M1.3335 1.33333H14.6668V7.99999C14.6668 11.6819 11.682 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 7.99999V1.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
