// 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 SvgDonutGraph = ({
  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.3333 8.99961C16.3333 13.0497 13.0501 16.3329 8.99999 16.3329C4.9499 16.3329 1.66666 13.0497 1.66666 8.99961C1.66666 4.94949 4.9499 1.66667 8.99999 1.66667M16.3333 8.99961C16.3333 4.94949 13.0501 1.66667 8.99999 1.66667M16.3333 8.99961L11 8.99994M8.99999 1.66667V7.00001M11 8.99994C11 10.1045 10.1046 11 8.99999 11C7.89539 11 6.99999 10.1045 6.99999 8.99994C6.99999 7.89534 7.89539 7.00001 8.99999 7.00001M11 8.99994C11 7.89534 10.1046 7.00001 8.99999 7.00001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
