// 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 SvgPathfinderCircleTrim = ({
  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="M5.66675 11.0001C5.66675 12.4146 6.22865 13.7711 7.22884 14.7713C8.22904 15.7715 9.58559 16.3334 11.0001 16.3334C12.4146 16.3334 13.7711 15.7715 14.7713 14.7713C15.7715 13.7711 16.3334 12.4146 16.3334 11.0001C16.3334 9.58559 15.7715 8.22904 14.7713 7.22884C13.7711 6.22865 12.4146 5.66675 11.0001 5.66675M5.66675 11.0001C5.66675 9.58559 6.22865 8.22904 7.22884 7.22884C8.22904 6.22865 9.58559 5.66675 11.0001 5.66675M5.66675 11.0001C5.66675 8.05455 8.05455 5.66675 11.0001 5.66675M5.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.80188C11.8131 5.71346 11.4121 5.66675 11.0001 5.66675"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
