// 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 SvgPathfinderCircleMinusFront = ({
  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.90681 15.3455C7.62526 15.1447 7.36402 14.9173 7.12682 14.6668C6.88179 14.4081 6.6624 14.1247 6.47273 13.821M9.51828 16.1251C9.98855 16.2607 10.4855 16.3335 10.9995 16.3335C11.5134 16.3335 12.0104 16.2611 12.4807 16.1255M14.0925 15.3458C14.3741 15.1451 14.6353 14.9175 14.8725 14.6671C15.1176 14.4083 15.3369 14.1251 15.5266 13.8213M16.1837 9.74161C16.2812 10.1451 16.3329 10.5664 16.3329 10.9998C16.3329 11.4332 16.2812 11.8553 16.1837 12.2587M14.0925 6.65438C14.3741 6.85516 14.6353 7.08263 14.8725 7.33311C15.1176 7.59183 15.3369 7.87508 15.5266 8.17881M12.1983 5.80188C11.8131 5.71346 11.4121 5.66675 11.0001 5.66675C8.05455 5.66675 5.66675 8.05455 5.66675 11.0001C5.66675 11.4121 5.71346 11.8131 5.80188 12.1983C3.43332 11.6545 1.66675 9.53361 1.66675 7.00008C1.66675 4.05456 4.05456 1.66675 7.00008 1.66675C9.53361 1.66675 11.6545 3.43332 12.1983 5.80188Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
