// 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 SvgBrowserError404 = ({
  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 7.33333V2H1.6665V8.66667M16.3332 4.66667H1.6665M4.33317 13H1.6665V12.3333L3.99984 9.33333H4.33317V13ZM4.33317 13V14.6667M4.33317 13H5.6665M15.6665 13H12.9998V12.3333L15.3332 9.33333H15.6665V13ZM15.6665 13V14.6667M15.6665 13H16.9998M7.33317 10.4676V12.8657C7.33317 13.4922 7.87724 14 8.54844 14H9.45124C10.1224 14 10.6665 13.4922 10.6665 12.8657V10.4676C10.6665 9.84113 10.1224 9.33333 9.45124 9.33333H8.54844C7.87724 9.33333 7.33317 9.84113 7.33317 10.4676Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
