// 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 SvgDollarCoin = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.63571 6.86141C2.43416 7.83934 1.66663 9.33007 1.66663 11C1.66663 13.9455 4.05444 16.3333 6.99996 16.3333C8.66229 16.3333 10.147 15.5728 11.1252 14.3807M11 5.00001V3.66667M11 10.3333V9.00001M12.5 6.00001V5.66667C12.5 5.29849 12.2015 5.00001 11.8333 5.00001H10.1666C9.79843 5.00001 9.49996 5.29849 9.49996 5.66667V5.96523C9.49996 6.27769 9.71696 6.54823 10.022 6.61602L11.9779 7.05066C12.283 7.11845 12.5 7.38899 12.5 7.70147V8.33334C12.5 8.70154 12.2015 9.00001 11.8333 9.00001H10.1666C9.79843 9.00001 9.49996 8.70154 9.49996 8.33334V8.00001M5.66663 7.00001C5.66663 8.41449 6.22853 9.77105 7.22872 10.7712C8.22892 11.7714 9.58547 12.3333 11 12.3333C12.4144 12.3333 13.771 11.7714 14.7712 10.7712C15.7714 9.77105 16.3333 8.41449 16.3333 7.00001C16.3333 5.58552 15.7714 4.22896 14.7712 3.22877C13.771 2.22857 12.4144 1.66667 11 1.66667C9.58547 1.66667 8.22892 2.22857 7.22872 3.22877C6.22853 4.22896 5.66663 5.58552 5.66663 7.00001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
