// 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 SvgWalletPurse = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M1.57908 5.66669C3.31623 4.21028 5.55566 3.33335 7.99991 3.33335M7.99991 3.33335C10.4442 3.33335 12.6836 4.21028 14.4207 5.66669M7.99991 3.33335C6.89531 3.33335 5.99998 2.43792 5.99998 1.33335V0.666687M7.99991 3.33335C9.10451 3.33335 9.99998 2.43792 9.99998 1.33335V0.666687M14.6666 14.6667H1.33331V12.6667C1.33331 8.98482 4.31808 6.00002 7.99998 6.00002C11.6818 6.00002 14.6666 8.98482 14.6666 12.6667V14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
