// 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 SvgBinaryCode = ({
  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="M11.3334 7.66666V1C11.3334 1.94677 10.5659 2.71429 9.61915 2.71429H9.33341M13.3334 7.66667H9.33341M4.66675 16.3333V9.66667C4.66675 10.6135 3.89923 11.3809 2.95246 11.3809H2.66675M6.66675 16.3333H2.66675M2.87508 3.125V6.20833C2.87508 7.01375 3.528 7.66667 4.33341 7.66667H5.41675C6.22216 7.66667 6.87508 7.01375 6.87508 6.20833V3.125C6.87508 2.31959 6.22216 1.66667 5.41675 1.66667H4.33341C3.528 1.66667 2.87508 2.31959 2.87508 3.125ZM9.00008 11.7917V14.875C9.00008 15.6804 9.65301 16.3333 10.4584 16.3333H11.5417C12.3471 16.3333 13.0001 15.6804 13.0001 14.875V11.7917C13.0001 10.9863 12.3471 10.3333 11.5417 10.3333H10.4584C9.65301 10.3333 9.00008 10.9863 9.00008 11.7917Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
