// 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 SvgShareCoinDollar = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M0.666687 16.3333H7.66669L14 14.3333V14.0719C14 13.1117 13.2216 12.3333 12.2614 12.3333C12.0882 12.3333 11.9158 12.3593 11.7502 12.4102L7.78169 13.6313C7.70542 13.6547 7.62615 13.6667 7.54642 13.6667H4.33335M7.66669 13.6667V11.6667L3.47289 11.0215C2.26027 10.8349 1.16669 11.7731 1.16669 13M12.4114 4.87256V4.68749C12.4114 4.3193 12.1128 4.02082 11.7447 4.02082H10.2389C9.87069 4.02082 9.57222 4.3193 9.57222 4.68749V5.0358C9.57222 5.35359 9.79649 5.6272 10.1082 5.68952L11.8754 6.04298C12.187 6.1053 12.4114 6.37892 12.4114 6.6967V7.32893C12.4114 7.69712 12.1128 7.99559 11.7447 7.99559H10.2389C9.87069 7.99559 9.57222 7.69712 9.57222 7.32893V7.14386M6.65069 6.00799C6.65069 7.15938 7.10808 8.26362 7.92223 9.07778C8.73639 9.89193 9.84063 10.3493 10.992 10.3493C12.1434 10.3493 13.2476 9.89193 14.0618 9.07778C14.876 8.26362 15.3334 7.15938 15.3334 6.00799C15.3334 4.8566 14.876 3.75236 14.0618 2.9382C13.2476 2.12405 12.1434 1.66666 10.992 1.66666C9.84063 1.66666 8.73639 2.12405 7.92223 2.9382C7.10808 3.75236 6.65069 4.8566 6.65069 6.00799Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
