// 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 SvgSubscript = ({
  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="M2 0.666748L6 5.33341M6 5.33341L10 10.0001M6 5.33341L10 0.666748M6 5.33341L2 10.0001M14.6667 15.3333H11.3321V14.492C11.3321 14.2601 11.4694 14.0504 11.6818 13.9575L13.6503 13.0963C13.8627 13.0033 14 12.7936 14 12.5617V11.9149C14 11.5925 13.7387 11.3315 13.4164 11.3315H11.9157C11.5934 11.3315 11.3321 11.5927 11.3321 11.9151V12.3325"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
