// 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 SvgUsdcCircle = ({
  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="M5.68594 5.71446C4.84982 6.5578 4.33335 7.71855 4.33335 8.99995C4.33335 10.2814 4.84982 11.4422 5.68594 12.2855M12.3141 5.71446C13.1502 6.5578 13.6667 7.71855 13.6667 8.99995C13.6667 10.2814 13.1502 11.4422 12.3141 12.2855M9.00002 6.66669V5.00002M9.00002 13V11.3334M10.6667 7.66669V7.33335C10.6667 6.96517 10.3682 6.66669 10 6.66669H8.00002C7.63183 6.66669 7.33335 6.96517 7.33335 7.33335V7.95349C7.33335 8.27129 7.55766 8.54489 7.86929 8.60722L10.1308 9.05949C10.4424 9.12182 10.6667 9.39542 10.6667 9.71322V10.6667C10.6667 11.0349 10.3682 11.3334 10 11.3334H8.00002C7.63183 11.3334 7.33335 11.0349 7.33335 10.6667V10.3334M1.66669 9.00002C1.66669 10.9449 2.4393 12.8102 3.81457 14.1855C5.18984 15.5607 7.0551 16.3334 9.00002 16.3334C10.9449 16.3334 12.8102 15.5607 14.1855 14.1855C15.5607 12.8102 16.3334 10.9449 16.3334 9.00002C16.3334 7.0551 15.5607 5.18984 14.1855 3.81457C12.8102 2.4393 10.9449 1.66669 9.00002 1.66669C7.0551 1.66669 5.18984 2.4393 3.81457 3.81457C2.4393 5.18984 1.66669 7.0551 1.66669 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
