// 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 SvgWonCircle = ({
  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="M4.86242 8.51302H13.1376M5.83329 5.33335L6.99996 12.3334H7.33329L8.66663 7.33335H9.33329L10.6666 12.3334H11L12.1666 5.33335M16.3333 9.00002C16.3333 10.9449 15.5607 12.8102 14.1854 14.1855C12.8101 15.5607 10.9449 16.3334 8.99996 16.3334C7.05504 16.3334 5.18978 15.5607 3.81451 14.1855C2.43924 12.8102 1.66663 10.9449 1.66663 9.00002C1.66663 7.0551 2.43924 5.18984 3.81451 3.81457C5.18978 2.4393 7.05504 1.66669 8.99996 1.66669C10.9449 1.66669 12.8101 2.4393 14.1854 3.81457C15.5607 5.18984 16.3333 7.0551 16.3333 9.00002Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
