// 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 SvgHorizontalSlider4 = ({
  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="M-0.000244141 11.9997H7.02815M12.6667 11.9994C12.6667 12.7066 12.3858 13.3849 11.8857 13.885C11.3856 14.3851 10.7073 14.666 10.0001 14.666C9.29284 14.666 8.61456 14.3851 8.11446 13.885C7.61437 13.3849 7.33341 12.7066 7.33341 11.9994C7.33341 11.2921 7.61437 10.6139 8.11446 10.1138C8.61456 9.61366 9.29284 9.33271 10.0001 9.33271C10.7073 9.33271 11.3856 9.61366 11.8857 10.1138C12.3858 10.6139 12.6667 11.2921 12.6667 11.9994ZM12.6667 11.9994L16.0004 11.9997M16.0004 4.00037H8.97201M3.33341 4.00004C3.33341 4.70728 3.61437 5.38556 4.11446 5.88566C4.61456 6.38576 5.29284 6.66671 6.00008 6.66671C6.70733 6.66671 7.3856 6.38576 7.8857 5.88566C8.3858 5.38556 8.66675 4.70728 8.66675 4.00004C8.66675 3.2928 8.3858 2.61452 7.8857 2.11442C7.3856 1.61433 6.70733 1.33337 6.00008 1.33337C5.29284 1.33337 4.61456 1.61433 4.11446 2.11442C3.61437 2.61452 3.33341 3.2928 3.33341 4.00004ZM3.33341 4.00004L-0.000244141 4.00037"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
