// 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 SvgRightButton = ({
  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="M9.08337 7.467V5.26693H11.1834C11.57 5.26693 11.8834 5.58033 11.8834 5.96694V6.767C11.8834 7.1536 11.57 7.467 11.1834 7.467H9.08337ZM9.08337 7.467V10.0669H11.5834C11.97 10.0669 12.2834 9.75347 12.2834 9.36687V8.1668C12.2834 7.7802 11.97 7.4668 11.5834 7.4668L9.08337 7.467ZM3.71667 8.0664V5.26627H6.21666C6.60327 5.26627 6.91671 5.57968 6.91671 5.96629V7.3664C6.91671 7.753 6.60327 8.0664 6.21666 8.0664H3.71667ZM3.71667 8.0664V10.7331M5.71667 8.0664L7.14911 10.2849M1.33337 10.6667V2H14.6667V10.6667L12 13.3333H4.00004L1.33337 10.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
