// 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 SvgHorizontalSlider2 = ({
  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="M0.666748 8H6.33341M6.33341 8C6.33341 8.44203 6.50901 8.86595 6.82157 9.17851C7.13413 9.49107 7.55805 9.66667 8.00008 9.66667C8.44211 9.66667 8.86603 9.49107 9.17859 9.17851C9.49115 8.86595 9.66675 8.44203 9.66675 8M6.33341 8C6.33341 7.55797 6.50901 7.13405 6.82157 6.82149C7.13413 6.50893 7.55805 6.33333 8.00008 6.33333C8.44211 6.33333 8.86603 6.50893 9.17859 6.82149C9.49115 7.13405 9.66675 7.55797 9.66675 8M9.66675 8H15.3334M4.66675 2.66667H15.3334M4.66675 2.66667C4.66675 3.58714 3.92055 4.33333 3.00008 4.33333C2.07961 4.33333 1.33341 3.58714 1.33341 2.66667C1.33341 1.74619 2.07961 1 3.00008 1C3.92055 1 4.66675 1.74619 4.66675 2.66667ZM0.666748 13.3333H11.3334M11.3334 13.3333C11.3334 14.2538 12.0796 15 13.0001 15C13.9205 15 14.6667 14.2538 14.6667 13.3333C14.6667 12.4129 13.9205 11.6667 13.0001 11.6667C12.0796 11.6667 11.3334 12.4129 11.3334 13.3333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
