// 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 SvgPathfinderCircleMinusBack = ({
  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="M14.3331 6.83638C15.5524 7.81378 16.3331 9.31572 16.3331 11C16.3331 13.9454 13.9453 16.3333 10.9998 16.3333C9.31584 16.3333 7.8141 15.5528 6.83669 14.3339M8.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.17915M12.1842 8.25825C12.2817 7.85478 12.3334 7.43347 12.3334 7.00005C12.3334 6.56662 12.2817 6.14528 12.1842 5.74184M11.5274 9.82105C11.3378 10.1248 11.1184 10.4081 10.8734 10.6668C10.6362 10.9173 10.3749 11.1447 10.0934 11.3455M8.4819 12.1251C8.01164 12.2608 7.51464 12.3335 7.00069 12.3335C6.48674 12.3335 5.98977 12.2611 5.5195 12.1255M3.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.17883"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
