// 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 SvgCountdownTimer = ({
  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="M9.00008 4.33335V9.00002H12.3334M14.2108 3.92526C13.8809 4.16797 13.6667 4.55899 13.6667 5.00002C13.6667 5.7364 14.2637 6.33335 15.0001 6.33335C15.7365 6.33335 16.3334 5.7364 16.3334 5.00002C16.3334 4.26364 15.7365 3.66669 15.0001 3.66669C14.7047 3.66669 14.4318 3.76272 14.2108 3.92526ZM14.2108 3.92526C12.9828 2.70163 11.4176 1.66669 9.00008 1.66669C7.05516 1.66669 5.1899 2.43931 3.81463 3.81457C2.43937 5.18984 1.66675 7.0551 1.66675 9.00002C1.66675 10.945 2.43937 12.8102 3.81463 14.1855C4.17808 14.549 4.57576 14.8703 5.00008 15.1464M11.6667 15.8314C10.8248 16.1601 9.92141 16.3334 9.00008 16.3334C8.07875 16.3334 7.17535 16.1601 6.33341 15.8314M15.5321 12.3334C15.1861 13.0112 14.7337 13.6373 14.1855 14.1855C13.8221 14.549 13.4244 14.8703 13.0001 15.1464M16.3334 9.00002C16.3334 9.68242 16.2383 10.355 16.0554 11"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
