// 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 SvgInvestmentSelection = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.66666 4.66669V3.33335M6.66666 10V8.66669M8.16666 5.66669V5.33335C8.16666 4.96517 7.86819 4.66669 7.49999 4.66669H5.83332C5.46514 4.66669 5.16666 4.96517 5.16666 5.33335V5.63191C5.16666 5.94437 5.38368 6.21491 5.6887 6.2827L7.64461 6.71734C7.94966 6.78513 8.16666 7.05567 8.16666 7.36813V8.00002C8.16666 8.36822 7.86819 8.66669 7.49999 8.66669H5.83332C5.46514 8.66669 5.16666 8.36822 5.16666 8.00002V7.66669M16.3363 17.0001V12.3349L13.3333 11V8.66669C13.3333 7.93029 12.7364 7.33335 12 7.33335H10.6667V12.6667L8.33332 14.3334L10.1184 16.4303M11.3821 5.00002C10.6957 3.05803 8.84366 1.66669 6.66666 1.66669C3.90523 1.66669 1.66666 3.90526 1.66666 6.66669C1.66666 9.42809 3.90523 11.6667 6.66666 11.6667C7.25105 11.6667 7.81206 11.5664 8.33332 11.3822"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
