// 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 SvgHorizontalToggleButtonSingleLeft = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.6667 3.33337C14.2441 3.33337 16.3334 5.42271 16.3334 8.00004C16.3334 10.5774 14.2441 12.6667 11.6667 12.6667H6.33342C3.75609 12.6667 1.66675 10.5774 1.66675 8.00004C1.66675 5.42271 3.75609 3.33337 6.33342 3.33337H11.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M4.33341 8.00004C4.33341 8.53047 4.54413 9.03918 4.9192 9.41425C5.29427 9.78933 5.80298 10 6.33342 10C6.86385 10 7.37256 9.78933 7.74763 9.41425C8.1227 9.03918 8.33342 8.53047 8.33342 8.00004C8.33342 7.46961 8.1227 6.9609 7.74763 6.58583C7.37256 6.21075 6.86385 6.00004 6.33342 6.00004C5.80298 6.00004 5.29427 6.21075 4.9192 6.58583C4.54413 6.9609 4.33341 7.46961 4.33341 8.00004Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
