// 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 SvgRupeeCircle = ({
  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="M5.61167 5.69758H12.8402M5.61167 8.24879H12.8402M11.3515 12.9539L6.67241 11.2145V10.8279H8.36183C9.77849 10.8279 10.927 9.67946 10.927 8.26272C10.927 6.84604 9.77849 5.69758 8.36183 5.69758H6.67489M8.99996 1.66666C13.05 1.66666 16.3333 4.9499 16.3333 8.99999C16.3333 13.0501 13.05 16.3333 8.99996 16.3333C4.94987 16.3333 1.66663 13.0501 1.66663 8.99999C1.66663 4.9499 4.94987 1.66666 8.99996 1.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
