// 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 SvgStopwatch = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00008 3C9.76821 3 11.4639 3.70238 12.7141 4.95262C13.9643 6.20287 14.6667 7.89853 14.6667 9.66667C14.6667 11.4348 13.9643 13.1305 12.7141 14.3807C11.4639 15.6309 9.76821 16.3333 8.00008 16.3333C6.23197 16.3333 4.53628 15.6309 3.28603 14.3807C2.03579 13.1305 1.33341 11.4348 1.33341 9.66667C1.33341 7.89853 2.03579 6.20287 3.28603 4.95262C4.53628 3.70238 6.23197 3 8.00008 3ZM8.00008 3L8.00008 1M0.666748 3.89301C0.893628 3.60485 1.13841 3.32891 1.40037 3.06695C1.98221 2.48512 2.63295 1.98804 3.33341 1.58366M15.3333 3.89301C15.1065 3.60485 14.8617 3.32891 14.5997 3.06695C14.0179 2.48512 13.3671 1.98804 12.6667 1.58366M8.00008 5.66667V9.66667H10.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
