// 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 SvgGenderEquality = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.33341 12.3333C9.91075 12.3333 12.0001 10.244 12.0001 7.66667C12.0001 5.08934 9.91075 3.00001 7.33341 3.00001C4.75609 3.00001 2.66675 5.08934 2.66675 7.66667C2.66675 10.244 4.75609 12.3333 7.33341 12.3333ZM7.33341 12.3333L7.33341 16.9999M5.33341 15H9.33341M11.0001 1.66667H14.0001M14.0001 1.66667V4.66667M14.0001 1.66667L10.9498 4.71694M5.33341 6.33334H9.33341M5.33341 9.00001H9.33341"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
