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

<Meta of={EmptyStories} />

<Title />
<Subtitle>A composite zero-state container for no-data scenarios.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Composable Pattern** — Always use the sub-components (`EmptyIcon`, `EmptyTitle`, etc.) to build the empty state.
> - **Icon Sizing** — Use `size-10` for standard and `size-8` for compact views.
> - **Contextual CTA** — Use `EmptyAction` only when a corrective user action is possible.