// 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 SvgCoinDiagonal = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.24611 9.2468C8.59176 9.90114 7.87352 10.4788 7.13238 10.9467C6.39125 11.4146 5.64173 11.7637 4.92664 11.974C4.21155 12.1843 3.54488 12.2517 2.96469 12.1723C2.38451 12.0929 1.90218 11.8684 1.54523 11.5114C1.18828 11.1545 0.9637 10.6721 0.884325 10.0919C0.804951 9.51176 0.872331 8.84509 1.08262 8.13C1.29291 7.41491 1.64199 6.66539 2.10992 5.92426C2.57786 5.18312 3.15549 4.46488 3.80984 3.81053C4.46419 3.15618 5.18243 2.57855 5.92357 2.11062C6.6647 1.64268 7.41421 1.2936 8.12931 1.08331C8.8444 0.873022 9.51107 0.805641 10.0913 0.885016C10.6714 0.964391 11.1538 1.18897 11.5107 1.54592C11.8677 1.90287 12.0922 2.3852 12.1716 2.96538C12.251 3.54557 12.1836 4.21224 11.9733 4.92733C11.763 5.64243 11.414 6.39194 10.946 7.13307C10.4781 7.87421 9.90045 8.59245 9.24611 9.2468ZM9.24611 9.2468L12.19 12.1904M11.5827 1.61731L14.908 4.94259C15.9087 5.9433 14.942 9.4384 12.19 12.1904M12.19 12.1904C9.43811 14.9423 5.943 15.909 4.94228 14.9083L1.617 11.583M5.77292 11.6621L8.72464 14.6138M11.6549 5.76579L14.6238 8.73473"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
