// 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 SvgWeb = ({
  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="M1.6665 8.99996H16.3332M1.6665 8.99996C1.6665 10.9449 2.43912 12.8101 3.81439 14.1854C5.18965 15.5607 7.05492 16.3333 8.99984 16.3333C10.9448 16.3333 12.81 15.5607 14.1853 14.1854C15.5606 12.8101 16.3332 10.9449 16.3332 8.99996M1.6665 8.99996C1.6665 7.05504 2.43912 5.18978 3.81439 3.81451C5.18965 2.43924 7.05492 1.66663 8.99984 1.66663C10.9448 1.66663 12.81 2.43924 14.1853 3.81451C15.5606 5.18978 16.3332 7.05504 16.3332 8.99996M8.3219 16.3024L5.6665 8.99996L8.3219 1.69755M9.6777 16.3024L12.3332 8.99996L9.6777 1.69755"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
