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

<Meta of={SeparatorStories} />

<Title />
<Subtitle>Visually or semantically separates content.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Orientation** — Use `orientation="vertical"` for inline separators.
> - **Spacing** — Add margins via `className` to control the gap around the separator.