<!-- source-hash: 1ccd2771fe5f338fc464bca5ddb0e198 -->
Renders animated loading skeleton rows for table/card layouts with responsive desktop and mobile variants.

## Key Components

- **`TableCardSkeleton`** *(deprecated)* — Main exported component. Renders `n` pulsing skeleton rows with configurable columns, optional action buttons, and optional chevron indicators. Use `DataTableSkeleton` from `data-table` instead.
- **`ROW_HEIGHT_DESKTOP`** *(deprecated)* — Tailwind height class `h-[68px] md:h-[80px]` for desktop rows.
- **`ROW_HEIGHT_MOBILE`** *(deprecated)* — Tailwind height class `h-[68px]` for mobile rows.

## Props (`TableCardSkeletonProps`)

| Prop | Type | Default | Description |
|------|------|---------|-------------|
| `columns` | `Column[]` | required | Column definitions with `key` and optional `width` |
| `rows` | `number` | `10` | Number of skeleton rows to render |
| `hasActions` | `boolean` | `false` | Show action button placeholders |
| `hasChevron` | `boolean` | `false` | Show chevron placeholder |
| `className` | `string` | — | Extra classes on each row wrapper |
| `rowClassName` | `string` | — | Extra classes on the inner row layout |

## Usage Example

```typescript
import { TableCardSkeleton } from './table-skeleton'

const columns = [
  { key: 'name', width: 'w-1/3' },
  { key: 'status' },
  { key: 'date' },
]

// While data is loading:
if (isLoading) {
  return (
    <TableCardSkeleton
      columns={columns}
      rows={5}
      hasActions
      hasChevron
    />
  )
}
```

> **Deprecation notice:** `TableCardSkeleton` is deprecated. Migrate to `DataTableSkeleton` from the `data-table` package for new implementations.