// 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 SvgUsbPort = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.00016 12.3333C8.5306 12.3333 9.0393 12.544 9.41438 12.9191C9.78945 13.2942 10.0002 13.8029 10.0002 14.3333C10.0002 14.8638 9.78945 15.3725 9.41438 15.7475C9.0393 16.1226 8.5306 16.3333 8.00016 16.3333C7.46973 16.3333 6.96102 16.1226 6.58595 15.7475C6.21088 15.3725 6.00016 14.8638 6.00016 14.3333C6.00016 13.8029 6.21088 13.2942 6.58595 12.9191C6.96102 12.544 7.46973 12.3333 8.00016 12.3333ZM8.00016 12.3333V2M8.00016 12.3333L3.66683 10.6667L3.66683 9.33333M8.00016 2L6.00016 4M8.00016 2L10.0002 4M8.00016 11L12.6668 9V7.66667M3.66683 9.33333C3.31321 9.33333 2.97407 9.19286 2.72402 8.94281C2.47397 8.69276 2.3335 8.35362 2.3335 8C2.3335 7.64638 2.47397 7.30724 2.72402 7.05719C2.97407 6.80714 3.31321 6.66667 3.66683 6.66667C4.02045 6.66667 4.35959 6.80714 4.60964 7.05719C4.85969 7.30724 5.00016 7.64638 5.00016 8C5.00016 8.35362 4.85969 8.69276 4.60964 8.94281C4.35959 9.19286 4.02045 9.33333 3.66683 9.33333ZM11.3335 5H14.0002V7.66667H11.3335V5Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
