// 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 SvgPathfinderCircleDivide = ({
  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="M1.66675 7.00008C1.66675 8.41457 2.22865 9.77112 3.22885 10.7713C4.22904 11.7715 5.58559 12.3334 7.00008 12.3334C8.41457 12.3334 9.77112 11.7715 10.7713 10.7713C11.7715 9.77112 12.3334 8.41457 12.3334 7.00008C12.3334 5.58559 11.7715 4.22904 10.7713 3.22885C9.77112 2.22865 8.41457 1.66675 7.00008 1.66675C5.58559 1.66675 4.22904 2.22865 3.22885 3.22885C2.22865 4.22904 1.66675 5.58559 1.66675 7.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <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.66675C9.58559 5.66675 8.22904 6.22865 7.22884 7.22884C6.22865 8.22904 5.66675 9.58559 5.66675 11.0001Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
