// 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 SvgPathfinderCircleOutline = ({
  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.3336 6.83602C15.5528 7.81342 16.3336 9.31535 16.3336 10.9996C16.3336 13.9451 13.9458 16.3329 11.0002 16.3329C9.31625 16.3329 7.81458 15.5525 6.83715 14.3335M3.66625 11.1642C2.44697 10.1868 1.66626 8.68482 1.66626 7.00057C1.66626 4.05505 4.05407 1.66724 6.99959 1.66724C8.68358 1.66724 10.1852 2.44769 11.1626 3.66662M6.99991 12.3334C9.94545 12.3334 12.3332 9.94562 12.3332 7.00008C12.3332 6.5881 12.2865 6.18703 12.1981 5.80188C11.813 5.71346 11.4119 5.66675 10.9999 5.66675C8.05438 5.66675 5.66658 8.05455 5.66658 11.0001C5.66658 11.4121 5.71329 11.8131 5.80171 12.1983C6.18686 12.2867 6.58793 12.3334 6.99991 12.3334Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
