<!-- source-hash: baf395d8adb0995e4c693186e2740b56 -->
Cursor-based pagination footer component for `DataTable`, wrapping `CursorPagination` with a top-border separator styled to match the legacy `Table` appearance.

## Key Components

### `DataTableCursorFooter`
A thin wrapper around `<CursorPagination>` that automatically reads the current row count from the `DataTable` context via `useDataTableContext()`.

**Props (`DataTableCursorFooterProps`):**

| Prop | Type | Description |
|------|------|-------------|
| `currentCount` | `number` (optional) | Overrides the auto-detected row count from the table instance |
| `showInfo` | inherited | Defaults to `true` if not provided |
| `...rest` | `CursorPaginationProps` | All `CursorPagination` props except `currentCount` |

**Automatic behavior:**
- Reads `table.getRowModel().rows.length` as the default `currentCount`
- Applies `border-t`, spacing tokens, and supports `className` override

## Usage Example

```typescript
<DataTable data={rows} columns={columns}>
  <DataTable.Body />
  <DataTableCursorFooter
    hasNextPage={pageInfo.hasNextPage}
    hasPreviousPage={pageInfo.hasPreviousPage}
    onNextPage={() => fetchNextPage()}
    onPreviousPage={() => fetchPreviousPage()}
  />
</DataTable>
```

Override the displayed count manually:

```typescript
<DataTableCursorFooter
  hasNextPage={true}
  onNextPage={handleNext}
  currentCount={filteredCount}
/>
```

> **Note:** Must be placed after `<DataTable.Body>` and rendered inside a `DataTable` context. Uses `useDataTableContext()` internally — rendering outside a `DataTable` will throw.