// 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 SvgYinYangSymbol = ({
  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="M9.00008 16.3334C7.05516 16.3334 5.1899 15.5607 3.81463 14.1855C2.43937 12.8102 1.66675 10.9449 1.66675 9.00002C1.66675 7.0551 2.43937 5.18984 3.81463 3.81457C5.1899 2.4393 7.05516 1.66669 9.00008 1.66669M9.00008 16.3334C10.945 16.3334 12.8103 15.5607 14.1855 14.1855C15.5608 12.8102 16.3334 10.9449 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8103 2.4393 10.945 1.66669 9.00008 1.66669M9.00008 16.3334C11.0251 16.3334 12.6667 14.6918 12.6667 12.6667C12.6667 10.6416 11.0251 9.00002 9.00008 9.00002C6.97503 9.00002 5.33341 7.3584 5.33341 5.33335C5.33341 3.30831 6.97503 1.66669 9.00008 1.66669M7.82875 5.33535C7.82875 5.64601 7.95216 5.94394 8.17182 6.16361C8.39149 6.38328 8.68942 6.50669 9.00008 6.50669C9.31074 6.50669 9.60867 6.38328 9.82834 6.16361C10.048 5.94394 10.1714 5.64601 10.1714 5.33535C10.1714 5.0247 10.048 4.72676 9.82834 4.5071C9.60867 4.28743 9.31074 4.16402 9.00008 4.16402C8.68942 4.16402 8.39149 4.28743 8.17182 4.5071C7.95216 4.72676 7.82875 5.0247 7.82875 5.33535ZM7.82875 12.6647C7.82875 12.9753 7.95216 13.2733 8.17182 13.4929C8.39149 13.7126 8.68942 13.836 9.00008 13.836C9.31074 13.836 9.60867 13.7126 9.82834 13.4929C10.048 13.2733 10.1714 12.9753 10.1714 12.6647C10.1714 12.354 10.048 12.0561 9.82834 11.8364C9.60867 11.6168 9.31074 11.4934 9.00008 11.4934C8.68942 11.4934 8.39149 11.6168 8.17182 11.8364C7.95216 12.0561 7.82875 12.354 7.82875 12.6647Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
