// 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 SvgRightButtonTwo = ({
  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="M12.718 10.4001H9.02432V9.391C9.02432 9.11293 9.18898 8.8614 9.44378 8.74987L11.8049 7.71687C12.0597 7.6054 12.2243 7.3538 12.2243 7.07573V6.29972C12.2243 5.91311 11.9109 5.59993 11.5243 5.59993H9.72432C9.33772 5.59993 9.02432 5.91334 9.02432 6.29995V6.80067M3.93026 8.40007V5.59993H6.43024C6.81685 5.59993 7.13025 5.91334 7.13025 6.29995V7.7C7.13025 8.08667 6.81685 8.40007 6.43024 8.40007H3.93026ZM3.93026 8.40007V11.0668M5.93026 8.40007L7.34592 10.5925M1.33325 4.66667V13.3333H14.6666V4.66667L11.9999 2H3.99992L1.33325 4.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
