// 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 SvgStock = ({
  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="M2.66665 4.00002V0.666687M7.99998 8.66669V5.33335M7.99998 15.3334V12.6667M2.66665 13.3334V11.3334M13 2.00002V0.666687M13 8.00002V6.66669M14.6666 3.33335V2.66669C14.6666 2.2985 14.3682 2.00002 14 2.00002H12C11.6318 2.00002 11.3333 2.2985 11.3333 2.66669V3.28682C11.3333 3.60461 11.5576 3.87821 11.8692 3.94054L14.1307 4.39283C14.4423 4.45516 14.6666 4.72877 14.6666 5.04655V6.00002C14.6666 6.36821 14.3682 6.66669 14 6.66669H12C11.6318 6.66669 11.3333 6.36821 11.3333 6.00002V5.33335M1.33331 11.3334V4.00002H3.99998V11.3334H1.33331ZM6.66665 12.6667V8.66669H9.33331V12.6667H6.66665Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
