// 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 SvgCoinHorizontal = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.00002 9.66667C7.0551 9.66667 5.18984 9.24524 3.81457 8.4951C2.4393 7.74495 1.66669 6.72753 1.66669 5.66667C1.66669 4.6058 2.4393 3.58839 3.81457 2.83824C5.18984 2.0881 7.0551 1.66667 9.00002 1.66667C10.9449 1.66667 12.8102 2.0881 14.1855 2.83824C15.5607 3.58839 16.3334 4.6058 16.3334 5.66667C16.3334 6.72753 15.5607 7.74495 14.1855 8.4951C12.8102 9.24524 10.9449 9.66667 9.00002 9.66667ZM9.00002 9.66667V14M16.3334 5.71435V10.6667C16.3334 12.1395 13.0501 14 9.00002 14M9.00002 14C4.94993 14 1.66669 12.1395 1.66669 10.6667V5.71435M4.66669 8.89167V13.2471M13.3334 8.89274V13.2521"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
