// 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 SvgSphereShape = ({
  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="M16.3334 9.00008C16.3334 10.4728 13.0501 11.6667 9.00008 11.6667C4.94999 11.6667 1.66675 10.4728 1.66675 9.00008M16.3334 9.00008C16.3334 7.52732 13.0501 6.33341 9.00008 6.33341C4.94999 6.33341 1.66675 7.52732 1.66675 9.00008M16.3334 9.00008C16.3334 10.945 15.5608 12.8103 14.1855 14.1855C12.8103 15.5608 10.945 16.3334 9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855C2.43937 12.8103 1.66675 10.945 1.66675 9.00008M16.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.00008"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
