// 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 SvgPaymentHistory = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13 11.3333V13H14.6666M15 7.66666V1.66666H1.66663V9.66666H8.33329M16.3333 13C16.3333 14.8409 14.8409 16.3333 13 16.3333C11.159 16.3333 9.66663 14.8409 9.66663 13C9.66663 11.1591 11.159 9.66666 13 9.66666C14.8409 9.66666 16.3333 11.1591 16.3333 13ZM6.66663 5.66666C6.66663 6.10868 6.84222 6.53261 7.15478 6.84517C7.46734 7.15773 7.89127 7.33332 8.33329 7.33332C8.77532 7.33332 9.19924 7.15773 9.5118 6.84517C9.82436 6.53261 9.99996 6.10868 9.99996 5.66666C9.99996 5.22463 9.82436 4.80071 9.5118 4.48815C9.19924 4.17558 8.77532 3.99999 8.33329 3.99999C7.89127 3.99999 7.46734 4.17558 7.15478 4.48815C6.84222 4.80071 6.66663 5.22463 6.66663 5.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
