// 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 SvgNumberSixSquare = ({
  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="M5.77856 7.72232H9.24992C9.78672 7.72232 10.2219 8.15752 10.2219 8.69432V10.3606C10.2219 10.8974 9.78672 11.3325 9.24992 11.3325H6.75052C6.21373 11.3325 5.77856 10.8974 5.77856 10.3606V7.72232ZM5.77856 7.72232L5.77857 5.63954C5.77857 5.10273 6.21374 4.66757 6.75052 4.66757L9.24992 4.66756C9.78672 4.66756 10.2219 5.10273 10.2219 5.63954V6.33381M1.33325 14.6666L1.33326 1.33325H14.6666V14.6666H1.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
