// 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 SvgCodeMonitor2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.99984 14.6667V1.33337M5.6665 14.6667H12.3332M3.6665 4.00004H6.99984M3.6665 6.66671H6.99984M8.99984 8.66671L11.6665 6.00004L16.3332 10.6667M1.6665 12H16.3332V1.33337H1.6665V12ZM13.6672 4.33485C13.4828 4.33485 13.3332 4.18529 13.3332 4.00079C13.3332 3.81628 13.4828 3.66671 13.6672 3.66671C13.8517 3.66671 14.0008 3.81627 14.0008 4.00077C14.0008 4.18527 13.8517 4.33485 13.6672 4.33485Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
