import { CommonProps, Refable, type Styleable } from "@trackunit/react-components";
import { ReactElement } from "react";
export interface TextCellProps extends CommonProps, Refable<HTMLSpanElement>, Styleable {
    /**
     * The text or React element to display in the cell.
     * When text overflows the cell width, it will be truncated with an ellipsis
     * and a tooltip will appear on hover showing the full content.
     */
    content?: string | ReactElement;
}
/**
 * The `<TextCell>` component is used for displaying text in a table cell.
 * The text is not editable and will be truncated with an ellipsis if the cell is too narrow.
 * When truncated, a tooltip automatically appears on hover showing the full content.
 *
 * ### When to use
 * - Display simple text values in table columns (names, descriptions, statuses)
 * - When text content might be longer than the column width
 * - For read-only text display in data grids
 *
 * ### When not to use
 * - For numeric values - use `NumberCell` instead
 * - For dates and times - use `DateTimeCell` instead
 * - For clickable links - use `LinkCell` or `ButtonCell` instead
 * - For multi-line content - consider `IdentityCell` with details
 *
 * @example Basic usage
 * ```tsx
 * import { TextCell } from "@trackunit/react-table-base-components";
 * import { createColumnHelper } from "@tanstack/react-table";
 *
 * const columnHelper = createColumnHelper<Asset>();
 *
 * const columns = [
 *   columnHelper.accessor("name", {
 *     header: "Name",
 *     cell: ({ getValue }) => <TextCell content={getValue()} />,
 *   }),
 * ];
 * ```
 * @example With custom content
 * ```tsx
 * import { TextCell } from "@trackunit/react-table-base-components";
 *
 * // Text content - will show tooltip if truncated
 * <TextCell content="This is a long description that might get truncated" />
 *
 * // ReactElement content
 * <TextCell content={<span className="font-bold">Bold text</span>} />
 * ```
 * @param {TextCellProps} props - The props for the TextCell component
 * @returns {ReactElement} TextCell component
 */
export declare const TextCell: ({ content, className, "data-testid": dataTestId, ref, style }: TextCellProps) => import("react/jsx-runtime").JSX.Element;