// 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 SvgGlobe = ({
  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="M7.99996 13.6667V16.3333M7.99996 13.6667C6.40866 13.6667 4.88254 13.0345 3.75732 11.9093M7.99996 13.6667C9.59123 13.6667 11.1174 13.0345 12.2426 11.9093C13.3678 10.7841 14 9.25794 14 7.66667C14 6.07537 13.3678 4.54925 12.2426 3.42403C11.1174 2.29881 9.59123 1.66667 7.99996 1.66667M3.99996 16.3333H12M4.66663 7.66667C4.66663 8.55074 5.01782 9.3986 5.64294 10.0237C6.26806 10.6488 7.1159 11 7.99996 11C8.88403 11 9.7319 10.6488 10.357 10.0237C10.9821 9.3986 11.3333 8.55074 11.3333 7.66667C11.3333 6.78262 10.9821 5.93477 10.357 5.30965C9.7319 4.68453 8.88403 4.33334 7.99996 4.33334C7.1159 4.33334 6.26806 4.68453 5.64294 5.30965C5.01782 5.93477 4.66663 6.78262 4.66663 7.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
