// 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 SvgTransgenderSymbol = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.99984 12.3334C7.93897 12.3334 6.92156 11.9119 6.17141 11.1618C5.42126 10.4116 4.99984 9.39422 4.99984 8.33335C4.99984 7.27249 5.42126 6.25507 6.17141 5.50493C6.92156 4.75478 7.93897 4.33335 8.99984 4.33335C10.0607 4.33335 11.0781 4.75478 11.8283 5.50493C12.5784 6.25507 12.9998 7.27249 12.9998 8.33335C12.9998 9.39422 12.5784 10.4116 11.8283 11.1618C11.0781 11.9119 10.0607 12.3334 8.99984 12.3334ZM8.99984 12.3334V17M10.9998 15H6.99984M5.6665 3.00002L2.99984 5.66669M13.3332 1.66669H16.3332M16.3332 1.66669V4.66669M16.3332 1.66669L12.1419 5.85785M4.6665 1.66669H1.6665M1.6665 1.66669V4.66669M1.6665 1.66669L5.85779 5.85785"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
