// 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 SvgGraphArrowUserIncrease = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.3333 1.66489H15M15 1.66489V5.33155M15 1.66489L11.6315 5.03338M0.715485 8.80714L5.71506 3.80756L6.41834 4.51084M8.68052 12.5288C5.57869 12.5288 4.02776 13.8582 4.02776 13.8582V16.3082H13.3333V13.8582C13.3333 13.8582 11.7824 12.5288 8.68052 12.5288ZM6.35466 8.16668C6.35466 8.47213 6.41482 8.7746 6.53171 9.0568C6.64861 9.339 6.81994 9.59542 7.03593 9.81141C7.25192 10.0274 7.50833 10.1987 7.79054 10.3156C8.07274 10.4325 8.3752 10.4927 8.68066 10.4927C8.98611 10.4927 9.28858 10.4325 9.57078 10.3156C9.85298 10.1987 10.1094 10.0274 10.3254 9.81141C10.5414 9.59542 10.7127 9.339 10.8296 9.0568C10.9465 8.7746 11.0067 8.47213 11.0067 8.16668C11.0067 7.86122 10.9465 7.55876 10.8296 7.27656C10.7127 6.99435 10.5414 6.73794 10.3254 6.52195C10.1094 6.30596 9.85298 6.13463 9.57078 6.01773C9.28858 5.90084 8.98611 5.84068 8.68066 5.84068C8.3752 5.84068 8.07274 5.90084 7.79054 6.01773C7.50833 6.13463 7.25192 6.30596 7.03593 6.52195C6.81994 6.73794 6.64861 6.99435 6.53171 7.27656C6.41482 7.55876 6.35466 7.86122 6.35466 8.16668Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
