// 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 SvgDisableAlarm = ({
  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="M1.47144 1.47131L16.5287 16.5286M14.0382 14.0326C15.0851 12.8246 15.6667 11.2756 15.6667 9.66663C15.6667 7.89849 14.9643 6.20283 13.7141 4.95258C12.4639 3.70234 10.7681 2.99996 9.00008 2.99996C7.38926 2.99996 5.83857 3.58291 4.63005 4.63199M3.22656 6.33329C2.64645 7.33813 2.33341 8.48623 2.33341 9.66663C2.33341 11.4348 3.03579 13.1304 4.28603 14.3807C5.53628 15.6309 7.23197 16.3333 9.00008 16.3333C10.1805 16.3333 11.3285 16.0202 12.3334 15.4402M4.33343 1.58362C3.76804 1.91002 3.23505 2.29681 2.74455 2.73982M16.3333 3.89297C16.1065 3.60481 15.8617 3.32887 15.5997 3.06691C15.0179 2.48508 14.3671 1.988 13.6667 1.58362M2.33341 16.3332L4.28453 14.3821"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
