// 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 SvgSmileyWorried = ({
  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="M6.99984 5.66666V7.66666M10.9998 5.66666V7.66666M12.3332 2.46627C11.3331 1.95503 10.2001 1.66666 8.99984 1.66666C4.94975 1.66666 1.6665 4.9499 1.6665 8.99999C1.6665 13.0501 4.94975 16.3333 8.99984 16.3333C13.0499 16.3333 16.3332 13.0501 16.3332 8.99999C16.3332 8.42672 16.2674 7.86872 16.143 7.33332M13.6665 4.28735C13.6665 3.36781 14.9998 2.33332 14.9998 2.33332C14.9998 2.33332 16.3332 3.36781 16.3332 4.28735C16.3332 5.04912 15.7362 5.66666 14.9998 5.66666C14.2634 5.66666 13.6665 5.04912 13.6665 4.28735ZM8.99984 8.99999C10.8408 8.99999 12.3332 10.4924 12.3332 12.3333H5.6665C5.6665 10.4924 7.15889 8.99999 8.99984 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
