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

<Meta of={SimpleMapStories} />

<Title />
<Subtitle>A simplified wrapper for Google Maps, optimized for single-location displays.</Subtitle>

<Description />

<Primary />

---

## Variations

<Stories />

---

## AI Best Practices

> [!IMPORTANT]
> - **Center Requirement** — Always provide the `center` prop; without it, the map will fail to initialize.
> - **Limited Scope** — Use `SimpleMap` for basic single-point visualization. If you need multiple markers, polygons, or complex event handling, use the base `<Map>` component instead.