// 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 SvgGraphDot = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.33331 10.6275L3.89406 7.89294M6.87805 7.68881L8.52011 9.22034M10.6832 8.76228L11.8674 5.50978M1.33331 1.33334V14.6667H14.6666M5.31303 4.99956C6.3041 4.99956 7.10751 5.80298 7.10751 6.79408C7.10751 7.78514 6.3041 8.58854 5.31303 8.58854C4.32196 8.58854 3.51853 7.78514 3.51853 6.79408C3.51853 5.80298 4.32196 4.99956 5.31303 4.99956ZM12.3864 1.99988C13.3775 1.99988 14.1809 2.80331 14.1809 3.79438C14.1809 4.78546 13.3775 5.58888 12.3864 5.58888C11.3954 5.58888 10.5919 4.78546 10.5919 3.79438C10.5919 2.80331 11.3954 1.99988 12.3864 1.99988ZM9.89178 8.58874C10.8828 8.58874 11.6863 9.39214 11.6863 10.3833C11.6863 11.3743 10.8828 12.1777 9.89178 12.1777C8.90071 12.1777 8.09731 11.3743 8.09731 10.3833C8.09731 9.39214 8.90071 8.58874 9.89178 8.58874Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
