// 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 SvgTetherCircle = ({
  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.1282 8.33335C5.03564 8.53802 4.33332 8.85682 4.33332 9.21495C4.33332 9.83262 6.42266 10.3334 8.99999 10.3334C11.5773 10.3334 13.6667 9.83262 13.6667 9.21495C13.6667 8.85682 12.9643 8.53802 11.8718 8.33335M8.99999 12V13.3334M8.99999 8.33335V5.66669M5.66666 5.66669H12.3333M1.66666 9.00002C1.66666 10.9449 2.43927 12.8102 3.81454 14.1855C5.18981 15.5607 7.05507 16.3334 8.99999 16.3334C10.9449 16.3334 12.8102 15.5607 14.1854 14.1855C15.5607 12.8102 16.3333 10.9449 16.3333 9.00002C16.3333 7.0551 15.5607 5.18984 14.1854 3.81457C12.8102 2.4393 10.9449 1.66669 8.99999 1.66669C7.05507 1.66669 5.18981 2.4393 3.81454 3.81457C2.43927 5.18984 1.66666 7.0551 1.66666 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
