// 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 SvgVerticalSliderSquare = ({
  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="M10.4986 10.6668V12.6668M10.4986 10.6668C10.1004 10.6668 9.71854 10.5087 9.43698 10.2271C9.15543 9.94554 8.99725 9.56367 8.99725 9.1655C8.99725 8.76732 9.15543 8.38545 9.43698 8.10389C9.71854 7.82234 10.1004 7.66416 10.4986 7.66416C10.8968 7.66416 11.2786 7.82234 11.5602 8.10389C11.8417 8.38545 11.9999 8.76732 11.9999 9.1655C11.9999 9.56367 11.8417 9.94554 11.5602 10.2271C11.2786 10.5087 10.8968 10.6668 10.4986 10.6668ZM10.4986 3.3335V7.66683M5.50089 7.00016V12.6668M14.6666 1.3335V14.6668H1.33325V1.3335H14.6666ZM5.50059 4.00016C5.10258 4.00016 4.72088 4.15827 4.43945 4.4397C4.15802 4.72113 3.99992 5.10283 3.99992 5.50083C3.99992 5.89883 4.15802 6.28053 4.43945 6.56196C4.72088 6.84339 5.10258 7.0015 5.50059 7.0015C5.89859 7.0015 6.28029 6.84339 6.56172 6.56196C6.84315 6.28053 7.00125 5.89883 7.00125 5.50083C7.00125 5.10283 6.84315 4.72113 6.56172 4.4397C6.28029 4.15827 5.89859 4.00016 5.50059 4.00016Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
