// 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 SvgWatchCircleDisable = ({
  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="M5.66683 11.9291V15.3334H12.3335V14.8331M5.66683 5.39586L5.66679 2.00003H12.3334L12.3335 5.39586M5.56592 5.50683C6.41875 4.58045 7.64162 4.00003 9.00003 4.00003C11.5774 4.00003 13.6667 6.08937 13.6667 8.6667C13.6667 10.032 13.0804 11.2603 12.1459 12.1136M10.3335 13.1401C9.91103 13.2658 9.4635 13.3334 9.00016 13.3334C6.42284 13.3334 4.3335 11.244 4.3335 8.6667C4.3335 8.15416 4.41613 7.66089 4.5688 7.19954M1.47021 1.47003L16.5302 16.53"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
