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

<Meta of={SonnerStories} />

<Title />
<Subtitle>An opinionated toast component for React.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Provider Injection** — The `<Toaster>` component is already included in `<XerticaProvider>`. You don't need to add it manually in your app.
> - **Semantic Toasts** — Use `toast.success`, `toast.error`, and `toast.promise` to match the intent of the notification.
> - **Actions** — You can add action buttons to toasts for "Undo" or "View" functionality.