// 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 SvgDesktopScreensaverSleep = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.99984 3.33333H1.6665V12.6667H14.9998V8.99999M8.33317 12.6667V15.3333M4.99984 15.3333H11.6665M12.9998 7.00013C11.343 7.00013 9.99984 5.65701 9.99984 4.00015C9.99984 2.3433 11.343 1.00015 12.9998 1.00015C13.5354 1.00015 14.0382 1.14049 14.4734 1.38641C13.9634 1.75617 13.6316 2.35687 13.6316 3.03506C13.6316 4.1589 14.5426 5.06996 15.6665 5.06996C15.7132 5.06996 15.7594 5.06839 15.8053 5.0653C15.3756 6.19634 14.2816 7.00013 12.9998 7.00013Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
