// 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 SvgHorizontalToggleButtonSingleRight = ({
  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="M9.66675 8.00004C9.66675 8.53047 9.87746 9.03918 10.2525 9.41425C10.6276 9.78933 11.1363 10 11.6667 10C12.1972 10 12.7059 9.78933 13.081 9.41425C13.456 9.03918 13.6667 8.53047 13.6667 8.00004C13.6667 7.46961 13.456 6.9609 13.081 6.58583C12.7059 6.21075 12.1972 6.00004 11.6667 6.00004C11.1363 6.00004 10.6276 6.21075 10.2525 6.58583C9.87746 6.9609 9.66675 7.46961 9.66675 8.00004Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
