// 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 SvgCoinShare = ({
  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="M10.3334 4.33333V6.33333M0.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 13M6.66669 5.33333C6.66669 6.3058 7.05299 7.23843 7.74063 7.92606C8.42826 8.61369 9.36089 9 10.3334 9C11.3058 9 12.2384 8.61369 12.9261 7.92606C13.6137 7.23843 14 6.3058 14 5.33333C14 4.36087 13.6137 3.42824 12.9261 2.74061C12.2384 2.05298 11.3058 1.66667 10.3334 1.66667C9.36089 1.66667 8.42826 2.05298 7.74063 2.74061C7.05299 3.42824 6.66669 4.36087 6.66669 5.33333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
