// 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 SvgCardanoCircle = ({
  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="M7.00002 8.33333V9.66667M9.00002 10.3333V11.6667M11 8.33333V9.66667M9.00002 3.83333V5.16667M4.33335 8.33333V9.66667M6.00002 5.33333V6.66667M6.00002 11.3333V12.6667M12.3334 5.33333V6.66667M12.3334 11.1667V12.5M13.6667 8.33333V9.66667M9.00002 12.8333V14.1667M9.00002 6.33333V7.66667M1.66669 9C1.66669 10.9449 2.4393 12.8102 3.81457 14.1855C5.18984 15.5607 7.0551 16.3333 9.00002 16.3333C10.9449 16.3333 12.8102 15.5607 14.1855 14.1855C15.5607 12.8102 16.3334 10.9449 16.3334 9C16.3334 7.05508 15.5607 5.18982 14.1855 3.81455C12.8102 2.43928 10.9449 1.66667 9.00002 1.66667C7.0551 1.66667 5.18984 2.43928 3.81457 3.81455C2.4393 5.18982 1.66669 7.05508 1.66669 9Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
