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

<Meta of={TooltipStories} />

<Title />
<Subtitle>A floating label providing short contextual descriptions on hover.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Short Content** — Tooltip content should be a short phrase (2–4 words), not long explanations.
> - **Trigger Binding** — Always use `asChild` on `<TooltipTrigger>` to avoid invalid nested button HTML.
> - **Accessibility** — Tooltips provide visual guidance, but always use `aria-label` or `sr-only` text for semantic clarity.