// 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 SvgVerticalSlider4 = ({
  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.9999 16.0002V8.97176M11.9999 3.3335C12.7072 3.3335 13.3854 3.61445 13.8855 4.11454C14.3856 4.61464 14.6666 5.29292 14.6666 6.00016C14.6666 6.70741 14.3856 7.38568 13.8855 7.88578C13.3854 8.38588 12.7072 8.66683 11.9999 8.66683C11.2927 8.66683 10.6144 8.38588 10.1143 7.88578C9.6142 7.38568 9.33325 6.70741 9.33325 6.00016C9.33325 5.29292 9.6142 4.61464 10.1143 4.11454C10.6144 3.61445 11.2927 3.3335 11.9999 3.3335ZM11.9999 3.3335L11.9999 -0.000488281M4.00057 -0.000488281V7.0279M3.99992 12.6662C3.29267 12.6662 2.6144 12.3852 2.1143 11.8851C1.6142 11.385 1.33325 10.7067 1.33325 9.9995C1.33325 9.29225 1.6142 8.61398 2.1143 8.11388C2.6144 7.61378 3.29267 7.33283 3.99992 7.33283C4.70716 7.33283 5.38544 7.61378 5.88554 8.11388C6.38563 8.61398 6.66659 9.29225 6.66659 9.9995C6.66659 10.7067 6.38563 11.385 5.88554 11.8851C5.38544 12.3852 4.70716 12.6662 3.99992 12.6662ZM3.99992 12.6662L4.00057 16.0002"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
