// 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 SvgNumberNineSquare = ({
  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="M10.2211 8.27765H6.74985C6.21307 8.27765 5.77791 7.84252 5.77791 7.30572V5.63951C5.77791 5.10272 6.21307 4.66757 6.74985 4.66757L9.24919 4.66756C9.78599 4.66756 10.2211 5.10272 10.2211 5.63951V8.27765ZM10.2211 8.27765V10.3604C10.2211 10.8972 9.78599 11.3323 9.24919 11.3323H6.74985C6.21307 11.3323 5.77791 10.8972 5.77791 10.3604V9.66612M1.33325 14.6666L1.33326 1.33325H14.6666V14.6666H1.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
