import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Canvas } from '@storybook/addon-docs/blocks';
import * as TableStories from './table.stories';

<Meta of={TableStories} />

<Title />
<Subtitle>Structured tabular data display for report and listing views.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Status Badges** — Always use `Badge` for status columns, never plain text.
> - **Alignment** — Numeric and action columns should be right-aligned (`text-right`).
> - **Row Actions** — Consolidate multiple row actions into a `DropdownMenu` to preserve horizontal space.
> - **Responsive Hiding** — Use `hidden md:table-cell` to hide secondary columns on mobile.