// 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 SvgTimeLapse = ({
  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.3334 8.99984C16.3334 13.0499 13.0501 16.3332 9.00008 16.3332C4.94999 16.3332 1.66675 13.0499 1.66675 8.99984C1.66675 4.94975 4.94999 1.6665 9.00008 1.6665M16.1867 7.53272C16.0631 6.92405 15.8641 6.34276 15.6 5.79902M14.8668 4.5988C14.4496 4.04353 13.9555 3.54942 13.4001 3.1323M12.2007 2.40023C11.6569 2.13604 11.0756 1.93708 10.4669 1.81352M9.00008 5.6665V8.99984L11.6667 11.6665"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
