// 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 SvgCoinsStack = ({
  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="M14 6.97659C14 8.55472 11.3137 9.83398 8 9.83398C4.68629 9.83398 2 8.55472 2 6.97659M2.00002 10.3103C2.00002 11.8883 4.68629 13.1676 8 13.1676C11.3137 13.1676 14 11.8883 14 10.3103M2 13.6427C2 15.2207 4.68627 16.5 7.99998 16.5C11.3137 16.5 14 15.2207 14 13.6427M2 4.00019C2 4.66329 2.63214 5.29922 3.75736 5.7681C4.88258 6.23698 6.4087 6.50039 8 6.50039C9.5913 6.50039 11.1174 6.23698 12.2426 5.7681C13.3679 5.29922 14 4.66329 14 4.00019C14 3.3371 13.3679 2.70117 12.2426 2.23229C11.1174 1.76341 9.5913 1.5 8 1.5C6.4087 1.5 4.88258 1.76341 3.75736 2.23229C2.63214 2.70117 2 3.3371 2 4.00019Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
