// 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 SvgSubscriptionCashflow = ({
  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="M7.99972 5.66669V4.00002M7.99972 12V10.3334M9.66639 6.66669V6.33335C9.66639 5.96517 9.36792 5.66669 8.99972 5.66669H6.99972C6.63155 5.66669 6.33307 5.96517 6.33307 6.33335V6.95349C6.33307 7.27128 6.55738 7.54488 6.86899 7.60722L9.13045 8.05948C9.44212 8.12182 9.66639 8.39542 9.66639 8.71322V9.66669C9.66639 10.0349 9.36792 10.3334 8.99972 10.3334H6.99972C6.63155 10.3334 6.33307 10.0349 6.33307 9.66669V9.33335M15.2209 2.34108V5.22944H12.3325M0.779114 13.8945V11.0061H3.66747M15.2209 8.11782C15.2209 12.1058 11.988 15.3387 7.99999 15.3387C5.32726 15.3387 2.99368 13.8866 1.74515 11.7282L1.36414 11.0062M0.779124 8.11782C0.779124 4.12981 4.01202 0.896912 7.99999 0.896912C10.6728 0.896912 13.0063 2.34903 14.2549 4.50735L14.6551 5.21816"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
