// 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 SvgNumberThreeSquare = ({
  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="M7.10025 7.72225H8.97232M8.97232 7.72225H9.24978C9.78658 7.72225 10.2218 8.15719 10.2218 8.69398V10.3605C10.2218 10.8973 9.78658 11.3324 9.24978 11.3324H6.75052C6.21373 11.3324 5.77856 10.8973 5.77856 10.3605V9.66619M8.97232 7.72225C9.50912 7.72225 9.94405 7.28719 9.94405 6.75039V5.63948C9.94405 5.10269 9.50892 4.66756 8.97212 4.66756L7.02819 4.66757C6.49142 4.66757 6.05627 5.10273 6.05627 5.63952V6.33468M1.33325 14.6666L1.33326 1.33325H14.6666V14.6666H1.33325Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
