// 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 SvgColumn = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.66683 7.66667V17M9.3335 7.66667V17M4.00016 6.3097V17M12.0002 6.3097V17M6.00016 3.66667V4C6.00016 5.28867 4.9555 6.33333 3.66683 6.33333C2.37816 6.33333 1.3335 5.28867 1.3335 4C1.3335 2.71133 2.37816 1.66667 3.66683 1.66667H12.3335C13.6222 1.66667 14.6668 2.71133 14.6668 4C14.6668 5.28867 13.6222 6.33333 12.3335 6.33333C11.0448 6.33333 10.0002 5.28867 10.0002 4V3.66667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
