// 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 SvgPolkaDotCircle = ({
  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="M7.66669 7.66666L7.05468 12.5627L7.21893 12.6169L7.82082 11.5636C8.13775 11.009 8.72762 10.6667 9.36642 10.6667H9.75762C11.1802 10.6667 12.3334 9.51346 12.3334 8.09092C12.3334 6.38384 10.9495 4.99999 9.24242 4.99999H8.90462C7.2285 4.99999 5.79806 6.21176 5.52251 7.86506L5.33335 8.99999M10.3334 12.3333V13.6667M1.66669 8.99999C1.66669 10.9449 2.4393 12.8102 3.81457 14.1854C5.18984 15.5607 7.0551 16.3333 9.00002 16.3333C10.9449 16.3333 12.8102 15.5607 14.1855 14.1854C15.5607 12.8102 16.3334 10.9449 16.3334 8.99999C16.3334 7.05507 15.5607 5.18981 14.1855 3.81454C12.8102 2.43927 10.9449 1.66666 9.00002 1.66666C7.0551 1.66666 5.18984 2.43927 3.81457 3.81454C2.4393 5.18981 1.66669 7.05507 1.66669 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
