// 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 SvgPassportGlobe = ({
  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="M4.00022 6.99999C4.00022 4.05447 6.38803 1.66666 9.33355 1.66666C12.2791 1.66666 14.6669 4.05447 14.6669 6.99999C14.6669 9.94552 12.2791 12.3333 9.33355 12.3333M14.2792 8.99999H12.6669C11.9305 8.99999 11.3335 8.40306 11.3335 7.66665V5.66665L9.33355 5.66666C8.59715 5.66666 8.00022 5.06971 8.00022 4.33333V1.83468M7.33355 16.3332V8.99999H1.3335V16.3332H7.33355ZM4.33355 13.3333C3.96536 13.3333 3.66688 13.0349 3.66688 12.6667C3.66688 12.2985 3.96536 12 4.33355 12C4.70174 12 5.00022 12.2985 5.00022 12.6667C5.00022 13.0349 4.70174 13.3333 4.33355 13.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
