<!-- source-hash: 9a8bcbead08417ce1e15c4b4f2518997 -->
Renders an individual cell within a deprecated table row component, handling text alignment, width constraints, and automatic text styling for primitive values.

## Key Components

- **`TableCell`** *(deprecated)* — A `div`-based cell component that wraps content with configurable alignment and overflow handling. Primitive `string`/`number` children are automatically wrapped in a styled `<span>` with truncation; React node children render as-is.

## Props

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `children` | `ReactNode` | — | Cell content |
| `align` | `'left' \| 'center' \| 'right'` | `'left'` | Text and flex alignment |
| `className` | `string` | — | Additional CSS classes |
| `width` | `string` | — | Tailwind width class; falls back to `flex-1 min-w-0` |

## Usage Example

```typescript
// ⚠️ Deprecated — use DataTable from data-table instead
import { TableCell } from './table-cell'

<TableCell align="right" width="w-24">
  42
</TableCell>

<TableCell align="left">
  <Badge variant="success">Active</Badge>
</TableCell>
```

> ⚠️ **Deprecated** — This component is no longer recommended. Use `DataTable` from the `data-table` module for new implementations.