// 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 SvgNumberEightCircle = ({
  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="M1.66675 9.00008C1.66675 10.945 2.43937 12.8103 3.81463 14.1855C5.1899 15.5608 7.05516 16.3334 9.00008 16.3334C10.945 16.3334 12.8103 15.5608 14.1855 14.1855C15.5608 12.8103 16.3334 10.945 16.3334 9.00008C16.3334 7.05516 15.5608 5.1899 14.1855 3.81463C12.8103 2.43937 10.945 1.66675 9.00008 1.66675C7.05516 1.66675 5.1899 2.43937 3.81463 3.81463C2.43937 5.1899 1.66675 7.05516 1.66675 9.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M8.58341 8.72248H9.41655C10.2601 8.72248 10.9439 8.03861 10.9439 7.19509C10.9439 6.35154 10.2601 5.66771 9.41655 5.66772L8.58341 5.66773C7.73988 5.66774 7.05607 6.35156 7.05607 7.19509C7.05607 8.03861 7.73988 8.72248 8.58341 8.72248Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M11.2219 10.6663V10.3886C11.2219 9.46841 10.4759 8.72241 9.55575 8.72241H8.44495C7.52471 8.72241 6.77873 9.46841 6.77873 10.3886V10.6663C6.77873 11.5865 7.52472 12.3325 8.44495 12.3325H9.55575C10.4759 12.3325 11.2219 11.5865 11.2219 10.6663Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
