// 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 SvgLowercase = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.66679 7.33321H1.99992C1.63173 7.33321 1.33325 7.63168 1.33325 7.99988V10.6667C1.33325 11.0349 1.63173 11.3334 1.99992 11.3334H6.66659V4.68557C6.66659 4.12289 6.21044 3.66675 5.64776 3.66675H2.35208C1.7894 3.66675 1.33325 4.12289 1.33325 4.68557V5.66669M14.6682 11.3334H9.99992C9.63172 11.3334 9.33325 11.0349 9.33325 10.6667V4.33341C9.33325 3.96523 9.63172 3.66675 9.99992 3.66675H14.6681V13.9813C14.6681 14.5439 14.2119 15.0001 13.6492 15.0001H10.3521C9.78945 15.0001 9.33325 14.5439 9.33325 13.9813V13.0001"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
