// 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 SvgEndPointCircle = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0 8.00004H10M10 8.00004C10 8.70728 10.281 9.38556 10.781 9.88566C11.2811 10.3858 11.9594 10.6667 12.6667 10.6667C13.3739 10.6667 14.0522 10.3858 14.5523 9.88566C15.0524 9.38556 15.3333 8.70728 15.3333 8.00004C15.3333 7.2928 15.0524 6.61452 14.5523 6.11442C14.0522 5.61433 13.3739 5.33337 12.6667 5.33337C11.9594 5.33337 11.2811 5.61433 10.781 6.11442C10.281 6.61452 10 7.2928 10 8.00004Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
