// 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 SvgCoinVertical = ({
  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="M6.16665 9C6.16665 7.05508 6.58807 5.18982 7.33822 3.81455C8.08837 2.43929 9.10578 1.66667 10.1666 1.66667C11.2275 1.66667 12.2449 2.43929 12.9951 3.81455C13.7452 5.18982 14.1666 7.05508 14.1666 9C14.1666 10.9449 13.7452 12.8102 12.9951 14.1855C12.2449 15.5607 11.2275 16.3333 10.1666 16.3333C9.10578 16.3333 8.08837 15.5607 7.33822 14.1855C6.58807 12.8102 6.16665 10.9449 6.16665 9ZM6.16665 9H1.83331M9.99998 16.3333H5.16665C3.69389 16.3333 1.83331 13.0501 1.83331 9M1.83331 9C1.83331 4.94991 3.69389 1.66667 5.16665 1.66667H9.99998M6.94398 4.66667H2.58608M6.94398 13.3333H2.59223"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
