// 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 SvgBrowserBlock = ({
  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="M16.3332 4.66667H1.6665M10.8855 11.219C10.3854 11.719 9.70708 12 8.99984 12C8.29259 12 7.61432 11.719 7.11422 11.219C6.61412 10.7189 6.33317 10.0406 6.33317 9.33333C6.33317 8.62609 6.61412 7.94781 7.11422 7.44771M10.8855 11.219C11.3856 10.7189 11.6665 10.0406 11.6665 9.33333C11.6665 8.62609 11.3856 7.94781 10.8855 7.44771C10.3854 6.94762 9.70708 6.66667 8.99984 6.66667C8.29259 6.66667 7.61432 6.94762 7.11422 7.44771M10.8855 11.219L7.11422 7.44771M16.3332 2H1.6665V14H16.3332V2Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
