import React from 'react';
import type { Size } from '../../util/variant-types';
export type NumberIconProps = {
    /**
     * (Required) Screen-reader text for the number icon.
     */
    'aria-label': string;
    /**
     * CSS class names that can be appended to the component.
     */
    className?: string;
    /**
     * Whether `NumberIcon` can be focused on, clicked, etc.
     */
    isInteractive?: boolean;
    /**
     * Number to be shown as the icon. Maximum of two digits.
     */
    number?: number;
    /**
     * The size of the icon.
     *
     * **Default is `"lg"`**.
     */
    size?: Extract<Size, 'md' | 'lg'>;
    /**
     * Indication of the status of the referenced item
     */
    status?: 'completed' | 'incomplete' | 'default';
};
/**
 * `import {NumberIcon} from "@chanzuckerberg/eds";`
 *
 * Treats a numeral as an icon by wrapping it in a container and adding color/spacing.
 *
 */
export declare const NumberIcon: {
    ({ className, isInteractive, number, status, size, ...other }: NumberIconProps): React.JSX.Element;
    displayName: string;
};