// 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 SvgPoolLadder = ({
  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="M11.3335 4.00001H4.66683M11.3335 8.00001H4.66683M2.00016 1.33334H4.66683V11.3333M11.3335 11.3333V1.33334H8.66683M4.66683 13C4.66683 13.9205 5.41302 14.6667 6.3335 14.6667C7.25396 14.6667 8.00016 13.9205 8.00016 13M4.66683 13C4.66683 13.9205 3.92064 14.6667 3.00016 14.6667C2.07969 14.6667 1.3335 13.9205 1.3335 13V12.6667M4.66683 13V12.6667M8.00016 13C8.00016 13.9205 8.74636 14.6667 9.66683 14.6667C10.5873 14.6667 11.3335 13.9205 11.3335 13M8.00016 13V12.6667M11.3335 13C11.3335 13.9205 12.0797 14.6667 13.0002 14.6667C13.9206 14.6667 14.6668 13.9205 14.6668 13V12.6667M11.3335 13V12.6667"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
