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

<Meta of={BadgeStories} />

<Title />
<Subtitle>Compact status indicators and category labels.</Subtitle>

<Description />

<Primary />

## Controls
<Controls />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Non-interactive** — Badges are for information display. If you need a clickable action, use a `Button`.
> - **Consistency** — Stick to the predefined variants for status communication (e.g., `destructive` for errors).