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

<Meta of={RouteMapStories} />

<Title />
<Subtitle>A specialized map for calculating and displaying routes between locations.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Directions API Required** — The configured `apiKey` must have the Directions API enabled in the Google Cloud Console for routes to calculate.
> - **Pre-formatted Feedback** — The `onRouteCalculated` callback returns human-readable strings (e.g., `"12.4 km"`, `"23 min"`) for direct display in the UI.
> - **Coordinate Precision** — Use standard `{ lat, lng }` literals for all points; ensure the path is bounded by an explicit `height` prop.