// 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 SvgRightControllerLeft = ({
  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="M7.18549 8.57813V5.77799H9.68549C10.0721 5.77799 10.3855 6.0914 10.3855 6.47801V7.87807C10.3855 8.26467 10.0721 8.57813 9.68549 8.57813H7.18549ZM7.18549 8.57813V11.2449M9.18289 8.57913L10.6666 10.8769M3.99996 4.33977C5.09993 2.98044 6.78176 2.11133 8.66663 2.11133C11.9804 2.11133 14.6666 4.79762 14.6666 8.11133C14.6666 11.4251 11.9804 14.1113 8.66663 14.1113C6.78176 14.1113 5.09993 13.2422 3.99996 11.8829M3.66923 6.10873L1.66663 8.11133L3.66923 10.1139"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
