// 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 SvgBall = ({
  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="M8.99999 16.3333C7.05507 16.3333 5.18981 15.5607 3.81454 14.1854C2.43927 12.8102 1.66666 10.9449 1.66666 9C1.66666 7.05508 2.43927 5.18981 3.81454 3.81455C5.18981 2.43928 7.05507 1.66666 8.99999 1.66666M8.99999 16.3333C10.9449 16.3333 12.8102 15.5607 14.1854 14.1854C15.5607 12.8102 16.3333 10.9449 16.3333 9C16.3333 7.05508 15.5607 5.18981 14.1854 3.81455C12.8102 2.43928 10.9449 1.66666 8.99999 1.66666M8.99999 16.3333V1.66666M14.9487 4.71826C13.0093 5.1775 11.5664 6.92023 11.5664 8.99993C11.5664 11.0797 13.0093 12.8224 14.9487 13.2817M3.04482 4.7181C4.98416 5.17734 6.42707 6.92006 6.42707 8.9998C6.42707 11.0795 4.98416 12.8223 3.04482 13.2815"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
