// 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 SvgRightControllerRight = ({
  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="M5.51892 8.57813V5.77799H8.01891C8.40551 5.77799 8.71891 6.0914 8.71891 6.47801V7.87807C8.71891 8.26467 8.40551 8.57813 8.01891 8.57813H5.51892ZM5.51892 8.57813V11.2449M7.26857 8.57387L8.75231 10.8717M12 4.33977C10.9 2.98044 9.21824 2.11133 7.33337 2.11133C4.01967 2.11133 1.33337 4.79762 1.33337 8.11133C1.33337 11.4251 4.01967 14.1113 7.33337 14.1113C9.21824 14.1113 10.9 13.2422 12 11.8829M12.3308 6.10873L14.3334 8.11133L12.3308 10.1139"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
