// 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 SvgHorizontalSliderSquare = ({
  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="M12.6666 10.5H8.33325M5.33325 10.5H3.33325M8.99992 5.50004H3.33323M14.6666 14.6667H1.33325V1.33337H14.6666V14.6667ZM8.33592 10.4987C8.33592 10.1005 8.17774 9.71866 7.89619 9.4371C7.61463 9.15555 7.23276 8.99737 6.83459 8.99737C6.43641 8.99737 6.05454 9.15555 5.77298 9.4371C5.49143 9.71866 5.33325 10.1005 5.33325 10.4987C5.33325 10.8969 5.49143 11.2788 5.77298 11.5603C6.05454 11.8419 6.43641 12 6.83459 12C7.23276 12 7.61463 11.8419 7.89619 11.5603C8.17774 11.2788 8.33592 10.8969 8.33592 10.4987ZM11.9993 5.50137C11.9993 5.3043 11.9604 5.10916 11.885 4.92709C11.8096 4.74502 11.6991 4.57959 11.5597 4.44024C11.4204 4.30089 11.2549 4.19035 11.0729 4.11494C10.8908 4.03952 10.6957 4.00071 10.4986 4.00071C10.3015 4.00071 10.1064 4.03952 9.9243 4.11494C9.74224 4.19035 9.5768 4.30089 9.43745 4.44024C9.2981 4.57959 9.18757 4.74502 9.11215 4.92709C9.03674 5.10916 8.99792 5.3043 8.99792 5.50137C8.99792 5.69844 9.03674 5.89358 9.11215 6.07565C9.18757 6.25772 9.2981 6.42316 9.43745 6.56251C9.5768 6.70186 9.74224 6.81239 9.9243 6.88781C10.1064 6.96322 10.3015 7.00204 10.4986 7.00204C10.6957 7.00204 10.8908 6.96322 11.0729 6.88781C11.2549 6.81239 11.4204 6.70186 11.5597 6.56251C11.6991 6.42316 11.8096 6.25772 11.885 6.07565C11.9604 5.89358 11.9993 5.69844 11.9993 5.50137Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
