// 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 SvgAlien = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M2 7.66667C2 13.6667 8 16.2733 8 16.2733C8 16.2733 14 13.6667 14 7.66667C14 4.35296 11.3137 1.66667 8 1.66667C4.68629 1.66667 2 4.35296 2 7.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.5095 7.8238C11.2864 7.72287 11.0387 7.66667 10.7778 7.66667C9.79593 7.66667 9 8.4626 9 9.44447C9 9.70533 9.0562 9.95307 9.15713 10.1762C9.38027 10.2771 9.628 10.3333 9.88887 10.3333C10.8707 10.3333 11.6667 9.5374 11.6667 8.55553C11.6667 8.29467 11.6105 8.04693 11.5095 7.8238Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.49045 7.8238C4.71362 7.72287 4.96136 7.66667 5.22222 7.66667C6.20406 7.66667 7 8.4626 7 9.44447C7 9.70533 6.9438 9.95307 6.84287 10.1762C6.61971 10.2771 6.37197 10.3333 6.11111 10.3333C5.12927 10.3333 4.33333 9.5374 4.33333 8.55553C4.33333 8.29467 4.38952 8.04693 4.49045 7.8238Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
