// 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 SvgDesktopBlock = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.9998 9.66667V13.6667H1.6665V4.33334H8.33317M8.33317 13.6667V16.3333M4.99984 16.3333H11.6665M15.4545 6.78799C15.9974 6.2451 16.3332 5.4951 16.3332 4.66667C16.3332 3.00982 14.99 1.66667 13.3332 1.66667C12.5048 1.66667 11.7548 2.00246 11.2118 2.54535M15.4545 6.78799C14.9116 7.33089 14.1616 7.66667 13.3332 7.66667C11.6763 7.66667 10.3332 6.32353 10.3332 4.66667C10.3332 3.83825 10.669 3.08825 11.2118 2.54535M15.4545 6.78799L11.2118 2.54535"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
