// 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 SvgBehance = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.66683 5H14.3335M1.3335 7.55553V3.33333H5.22238C5.77467 3.33333 6.22238 3.78105 6.22238 4.33333V6.55555C6.22238 7.10787 5.77467 7.55553 5.22238 7.55553H1.3335ZM1.3335 7.55553V12.6667H6.11128C6.66356 12.6667 7.1113 12.219 7.1113 11.6667V8.55567C7.1113 8.00333 6.66356 7.55567 6.11128 7.55567L1.3335 7.55553ZM14.6668 11.3333V11.6667C14.6668 12.2189 14.2191 12.6667 13.6668 12.6667H10.3335C9.78123 12.6667 9.3335 12.2189 9.3335 11.6667V10M9.3335 10V8.33333C9.3335 7.78107 9.78123 7.33333 10.3335 7.33333H13.6668C14.2191 7.33333 14.6668 7.78107 14.6668 8.33333V9C14.6668 9.55227 14.2191 10 13.6668 10H9.3335Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
