// 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 SvgDonut = ({
  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="M4.33341 6.99999L5.66675 5.66666M9.00008 4.33332H11.0001M5.00008 10.3333V12.3333M10.0001 14L11.3334 12.6667M13.0001 7.66666L14.3334 8.99999M1.66675 8.99999C1.66675 10.9449 2.43937 12.8102 3.81463 14.1855C5.1899 15.5607 7.05516 16.3333 9.00008 16.3333C10.945 16.3333 12.8103 15.5607 14.1855 14.1855C15.5608 12.8102 16.3334 10.9449 16.3334 8.99999C16.3334 7.05507 15.5608 5.18981 14.1855 3.81454C12.8103 2.43928 10.945 1.66666 9.00008 1.66666C7.05516 1.66666 5.1899 2.43928 3.81463 3.81454C2.43937 5.18981 1.66675 7.05507 1.66675 8.99999ZM7.00008 8.99999C7.00008 9.53039 7.2108 10.0391 7.58587 10.4142C7.96095 10.7893 8.46968 11 9.00008 11C9.53048 11 10.0392 10.7893 10.4143 10.4142C10.7893 10.0391 11.0001 9.53039 11.0001 8.99999C11.0001 8.46959 10.7893 7.96086 10.4143 7.58578C10.0392 7.2107 9.53048 6.99999 9.00008 6.99999C8.46968 6.99999 7.96095 7.2107 7.58587 7.58578C7.2108 7.96086 7.00008 8.46959 7.00008 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
