// 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 SvgSnooze = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M12.3334 7.00008H15.6667V7.25934L13.0001 10.7408V11.0001H16.3334M14.4667 13.8881C14.376 13.9896 14.2823 14.0888 14.1855 14.1855C12.8103 15.5608 10.945 16.3334 9.00008 16.3334C7.05516 16.3334 5.1899 15.5608 3.81463 14.1855C2.43936 12.8103 1.66675 10.945 1.66675 9.00008C1.66675 7.05516 2.43936 5.1899 3.81463 3.81463C5.1899 2.43937 7.05516 1.66675 9.00008 1.66675C10.945 1.66675 12.8103 2.43937 14.1855 3.81463C14.2823 3.91137 14.376 4.01053 14.4667 4.11198C13.8002 3.82109 13.0748 3.66675 12.3335 3.66675C10.9189 3.66675 9.56241 4.22865 8.56221 5.22885C7.56203 6.22904 7.00013 7.58559 7.00013 9.00008C7.00013 10.4145 7.56203 11.7711 8.56221 12.7713C9.56241 13.7715 10.9189 14.3334 12.3335 14.3334C13.0748 14.3334 13.8002 14.1791 14.4667 13.8881Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
