// 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 SvgSnoozeAlarm = ({
  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="M0.666748 3.89309C0.893628 3.60493 1.13841 3.32899 1.40037 3.06703C1.98221 2.4852 2.63295 1.98812 3.33341 1.58374M1.33341 16.3334L3.28228 14.3845M14.6667 16.3333L12.7179 14.3845M4.00008 8.33341H7.33342V8.59268L4.66675 12.0741V12.3334H8.00008M9.33342 7.00008H11.3334V7.25934L10.0001 9.40748V9.66675H12.0001M15.3333 3.89309C15.1065 3.60493 14.8617 3.32899 14.5997 3.06703C14.0179 2.4852 13.3671 1.98812 12.6667 1.58374M1.33341 9.66675C1.33341 11.4349 2.03579 13.1305 3.28603 14.3808C4.53628 15.631 6.23197 16.3334 8.00008 16.3334C9.76821 16.3334 11.4639 15.631 12.7141 14.3808C13.9643 13.1305 14.6667 11.4349 14.6667 9.66675C14.6667 7.89861 13.9643 6.20295 12.7141 4.9527C11.4639 3.70246 9.76821 3.00008 8.00008 3.00008C6.23197 3.00008 4.53628 3.70246 3.28603 4.9527C2.03579 6.20295 1.33341 7.89861 1.33341 9.66675Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
