import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
export interface NumberCellProps extends CommonProps, Refable<HTMLDivElement>, Styleable {
    /**
     * The numeric value to be displayed.
     * This can be either a string or a number.
     */
    value?: string | number | null;
    /**
     * An optional unit to display alongside the numeric value.
     */
    unit?: string | null;
    /**
     * An optional CSS class name to apply to the NumberCell component.
     */
    className?: string;
    /**
     * A custom data-testid attribute for testing purposes.
     */
    "data-testid"?: string;
}
/**
 * The `<NumberCell>` component is used for displaying numbers with optional units in a table cell.
 * Numbers are right-aligned by default for easy scanning and comparison in data tables.
 *
 * ### When to use
 * - Display numeric values like quantities, measurements, or counts
 * - When values need to be accompanied by units (km, hours, %, etc.)
 * - For right-aligned numeric columns in data tables
 *
 * ### When not to use
 * - For non-numeric text content - use `TextCell` instead
 * - For dates and times - use `DateTimeCell` instead
 * - For formatted currency - consider specialized formatting
 *
 * @example Basic usage
 * ```tsx
 * import { NumberCell } from "@trackunit/react-table-base-components";
 * import { createColumnHelper } from "@tanstack/react-table";
 *
 * const columnHelper = createColumnHelper<Asset>();
 *
 * const columns = [
 *   columnHelper.accessor("engineHours", {
 *     header: "Engine Hours",
 *     cell: ({ getValue }) => <NumberCell value={getValue()} unit="h" />,
 *   }),
 * ];
 * ```
 * @example Different unit types
 * ```tsx
 * import { NumberCell } from "@trackunit/react-table-base-components";
 *
 * // Distance
 * <NumberCell value={1250} unit="km" />
 *
 * // Percentage
 * <NumberCell value={85} unit="%" />
 *
 * // Temperature
 * <NumberCell value={23.5} unit="°C" />
 *
 * // Without unit
 * <NumberCell value={42} />
 * ```
 * @param {NumberCellProps} props - The props for the NumberCell component.
 * @returns {ReactElement} A React JSX element representing the NumberCell component.
 */
export declare const NumberCell: ({ value, unit, className, "data-testid": dataTestId, ref, style }: NumberCellProps) => import("react/jsx-runtime").JSX.Element;