// 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 SvgMoustache = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.60002 7.81694V6.71694C4.60002 5.50193 5.58499 4.51696 6.80002 4.51696C8.01502 4.51696 9.00002 5.50193 9.00002 6.71694C9.00002 5.50193 9.98502 4.51694 11.2 4.51694C12.415 4.51694 13.4 5.50191 13.4 6.71694V7.81694H16.3334V8.55028C16.3334 10.5753 14.6918 12.2169 12.6667 12.2169C10.6416 12.2169 9.00002 10.5753 9.00002 8.55028C9.00002 10.5753 7.3584 12.2169 5.33335 12.2169C3.30831 12.2169 1.66669 10.5753 1.66669 8.55028V7.81694H4.60002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
