// 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 SvgMouthLip = ({
  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="M1.66669 8.33332H16.3334M1.66669 9.33332V7.33332C1.66669 7.33332 3.54076 3.92593 6.14817 3.92593C7.37039 3.92593 8.18522 4.33334 9.00002 4.74075C9.81482 4.33334 10.6296 3.92593 11.8519 3.92593C14.4593 3.92593 16.3334 7.33332 16.3334 7.33332V9.33332C16.3334 9.33332 13.6667 12.7407 9.00002 12.7407C4.33335 12.7407 1.66669 9.33332 1.66669 9.33332Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
