// 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 SvgMonitorError = ({
  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="M14.9998 5.66667V12.6667H1.6665V3.33333H7.6665M8.33317 12.6667V15.3333M4.99984 15.3333H11.6665M8.79084 2.22877C9.49024 1.52939 10.3355 1.06485 11.2288 0.835167M16.3332 2.22873C15.6338 1.52935 14.7886 1.06481 13.8954 0.835127M10.2049 3.64297C10.5089 3.33899 10.857 3.10598 11.2286 2.94397M14.919 3.64301C14.615 3.33903 14.267 3.10602 13.8954 2.94401M12.562 0V4.66667M12.562 5.66667V7"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
