// 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 SvgArrowRoadmap = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.333 8.33322H11.9996C13.4724 8.33322 14.6663 7.13928 14.6663 5.66653C14.6663 4.19377 13.4724 2.99986 11.9996 2.99986H7.33298M11.333 8.33322C11.333 8.68684 11.1928 9.02611 10.9428 9.27616C10.6927 9.52621 10.3536 9.66669 9.99998 9.66669C9.64636 9.66669 9.30722 9.52621 9.05717 9.27616C8.80712 9.02611 8.66631 8.68684 8.66631 8.33322M11.333 8.33322C11.333 7.9796 11.1928 7.64059 10.9428 7.39054C10.6927 7.1405 10.3536 7.00002 9.99998 7.00002C9.64636 7.00002 9.30722 7.1405 9.05717 7.39054C8.80712 7.64059 8.66631 7.9796 8.66631 8.33322M7.33298 2.99986C7.33298 3.35348 7.19284 3.69278 6.94279 3.94283C6.69274 4.19288 6.3536 4.33335 5.99998 4.33335C5.64636 4.33335 5.30722 4.19288 5.05717 3.94283C4.80712 3.69278 4.66632 3.35348 4.66632 2.99986M7.33298 2.99986C7.33298 2.64624 7.19284 2.30726 6.94279 2.05721C6.69274 1.80716 6.3536 1.66669 5.99998 1.66669C5.64636 1.66669 5.30722 1.80716 5.05717 2.05721C4.80712 2.30726 4.66632 2.64624 4.66632 2.99986M4.66632 13.6666H3.99965C2.52689 13.6666 1.33299 12.4726 1.33299 10.9999C1.33299 9.52709 2.52689 8.33322 3.99965 8.33322H8.66631M4.66632 13.6666C4.66632 14.0202 4.80712 14.3594 5.05717 14.6095C5.30722 14.8595 5.64636 15 5.99998 15C6.3536 15 6.69274 14.8595 6.94279 14.6095C7.19284 14.3594 7.33298 14.0202 7.33298 13.6666M4.66632 13.6666C4.66632 13.3129 4.80712 12.9739 5.05717 12.7239C5.30722 12.4738 5.64636 12.3334 5.99998 12.3334C6.3536 12.3334 6.69274 12.4738 6.94279 12.7239C7.19284 12.9739 7.33298 13.3129 7.33298 13.6666M4.66632 2.99986H0.666321M14.6663 13.6666H7.33298M14.6663 13.6666L12 11M14.6663 13.6666L12 16.3334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
