// 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 SvgAddAlertClock = ({
  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="M4.66675 9.66666H11.3334M8.00008 6.33333V13M0.666748 3.893C0.893628 3.60485 1.13841 3.32891 1.40037 3.06694C1.98221 2.48512 2.63295 1.98804 3.33341 1.58366M1.33341 16.3333L3.28228 14.3845M14.6667 16.3333L12.7179 14.3845M15.3333 3.893C15.1065 3.60485 14.8617 3.32891 14.5997 3.06694C14.0179 2.48512 13.3671 1.98804 12.6667 1.58366M1.33341 9.66666C1.33341 11.4348 2.03579 13.1305 3.28603 14.3807C4.53628 15.6309 6.23197 16.3333 8.00008 16.3333C9.76821 16.3333 11.4639 15.6309 12.7141 14.3807C13.9643 13.1305 14.6667 11.4348 14.6667 9.66666C14.6667 7.89853 13.9643 6.20286 12.7141 4.95262C11.4639 3.70238 9.76821 3 8.00008 3C6.23197 3 4.53628 3.70238 3.28603 4.95262C2.03579 6.20286 1.33341 7.89853 1.33341 9.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
