/**
 * @file TableCell.tsx
 * @input React, StyleX, TableContext, theme tokens, useTableCellStyles
 * @output Exports TableCell component, TableCellProps
 * @position Sub-component; used inside Table children mode
 *
 * SYNC: When modified, update:
 * - /packages/core/src/Table/Table.doc.mjs
 * - /packages/core/src/Table/index.ts
 * - /packages/cli/assets/templates/blocks/components/Table/ (showcase blocks)
 */
import type { ReactNode } from 'react';
import type { BaseProps } from '../BaseProps';
import type { StyleXStyles } from '../theme/types';
import type { TableContextActions } from './types';
/** Props for TableCell — thin `<td>` wrapper */
export interface TableCellProps extends BaseProps<HTMLTableCellElement> {
    /** Ref forwarded to the root element */
    ref?: React.Ref<HTMLTableCellElement>;
    /** Specifies which cells this cell relates to (used on `<td>` acting as a row header). */
    scope?: 'col' | 'row' | 'colgroup' | 'rowgroup';
    /** Space-separated list of header cell IDs this cell is described by. */
    headers?: string;
    /** Number of columns this cell spans. Standard HTML `<td>` attribute. */
    colSpan?: number;
    /** Number of rows this cell spans. Standard HTML `<td>` attribute. */
    rowSpan?: number;
    children?: ReactNode;
    /**
     * StyleX styles for layout customization (margins, positioning, sizing).
     * Must be a `stylex.create()` value — not an inline style object.
     */
    xstyle?: StyleXStyles | StyleXStyles[];
    /**
     * Right-click actions rendered as a context menu around the cell content.
     * The cell owns the wrapper so it controls how the menu interacts with its
     * padding / content. Empty or undefined renders no menu.
     */
    contextMenuActions?: TableContextActions;
}
/**
 * TableCell — a `<td>` wrapper for children/streaming mode.
 *
 * When used inside `<Table>`, inherits styling from the table context
 * (density padding, divider borders). When used standalone, renders a plain `<td>`.
 *
 * @example
 * ```
 * <TableRow>
 *   <TableCell>Alice</TableCell>
 *   <TableCell>30</TableCell>
 * </TableRow>
 * ```
 */
export declare function TableCell({ children, xstyle, ref, className: incomingClassName, style: incomingStyle, contextMenuActions, ...props }: TableCellProps): import("react").JSX.Element;
export declare namespace TableCell {
    var displayName: string;
}
//# sourceMappingURL=TableCell.d.ts.map