// 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 SvgMoneyTrend = ({
  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="M1.66669 7.66666L5.86669 3.46666L8.86669 6.46666L13.6667 1.66666M13.6667 1.66666L9.61909 1.66672M13.6667 1.66666L13.6667 5.71434M6.66669 13C6.66669 13.3536 6.80716 13.6928 7.05721 13.9428C7.30726 14.1928 7.6464 14.3333 8.00002 14.3333C8.35364 14.3333 8.69278 14.1928 8.94283 13.9428C9.19288 13.6928 9.33335 13.3536 9.33335 13C9.33335 12.6464 9.19288 12.3072 8.94283 12.0572C8.69278 11.8071 8.35364 11.6667 8.00002 11.6667C7.6464 11.6667 7.30726 11.8071 7.05721 12.0572C6.80716 12.3072 6.66669 12.6464 6.66669 13ZM2.34963 16.3334V9.66672L13.6506 9.66666V16.3333L2.34963 16.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
