<!-- source-hash: 2746004dfdd4cd1e448e6edd26994e2f -->
A deprecated React component for rendering truncated description text within table cells, supporting configurable line clamping from 1–6 lines.

## Key Components

### `TableDescriptionCellProps`
| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `text` | `string` | — | The description text to display |
| `className` | `string` | — | Optional additional CSS classes |
| `maxLines` | `1–6` | `3` | Maximum lines before truncating |

### `TableDescriptionCell`
A client-side functional component that renders description text with Tailwind-based line clamping. Applies `truncate` for `maxLines=1` and `line-clamp-{n}` for values 2–6. Text uses `text-h6` and `text-ods-text-secondary` styling by default.

## Usage Example

```typescript
import { TableDescriptionCell } from './table-description-cell'

// Default 3-line clamp
<TableDescriptionCell
  text="This is a long description that will be clamped after three lines of text."
/>

// Single-line truncation
<TableDescriptionCell
  text="Long description truncated to one line"
  maxLines={1}
/>

// Custom class with 2-line clamp
<TableDescriptionCell
  text="Custom styled description text"
  maxLines={2}
  className="text-red-500"
/>
```

## Notes

> ⚠️ **Deprecated:** This component is deprecated. Use [`data-table`](https://github.com/flamingo-stack/openframe-oss-lib/blob/main/src) instead.