// 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 SvgEarth = ({
  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="M2.17748 11.6948H3.6665C4.77107 11.6948 5.6665 10.7994 5.6665 9.6948V6.99992H8.33317C9.43777 6.99992 10.3332 6.10449 10.3332 4.99992V1.78758M16.2122 10.3333H12.2188C11.1774 10.3333 10.3332 11.1775 10.3332 12.2189C10.3332 12.719 10.5318 13.1986 10.8854 13.5522L12.6785 15.3453M8.99984 16.3333C13.0499 16.3333 16.3332 13.0501 16.3332 9C16.3332 4.94991 13.0499 1.66667 8.99984 1.66667C4.94975 1.66667 1.6665 4.94991 1.6665 9C1.6665 13.0501 4.94975 16.3333 8.99984 16.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
