// 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 SvgPathfinderCircleMinusBack2 = ({
  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="M8.48124 1.87512C8.01097 1.73944 7.51398 1.66675 7.00004 1.66675C6.48609 1.66675 5.98912 1.73908 5.51886 1.87475M10.0934 2.65469C10.3749 2.85548 10.6362 3.08295 10.8734 3.33342C11.1184 3.59215 11.3378 3.87542 11.5274 4.17915M3.90766 11.3459C3.62607 11.1451 3.36483 10.9176 3.12763 10.6671C2.8826 10.4084 2.66321 10.1251 2.47354 9.82138M1.81651 8.25858C1.71894 7.85512 1.66724 7.4338 1.66724 7.00037C1.66724 6.56695 1.71894 6.14487 1.81651 5.74143M3.90766 2.65436C3.62607 2.85515 3.36483 3.08262 3.12763 3.33309C2.8826 3.59182 2.66321 3.87509 2.47354 4.17883M5.80218 12.1982C6.18734 12.2867 6.58841 12.3334 7.00039 12.3334C9.9459 12.3334 12.3337 9.94558 12.3337 7.00008C12.3337 6.5881 12.287 6.18702 12.1986 5.80188C14.5672 6.34561 16.3337 8.46652 16.3337 11C16.3337 13.9456 13.9459 16.3334 11.0004 16.3334C8.46684 16.3334 6.34592 14.5668 5.80218 12.1982Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
