<template>
  <div class="block">
    <h1>概述</h1>
    <p>地图工具条，用于操作地图的缩放、切换地图等操作</p>
  </div>
  
  <div class="block">
    <h1>代码示例</h1>
    <RunCase label="基本用法" file="./map-tool-bar/Basic.vue">
      <template #component>
        <Basic />
      </template>
      <template #description>
        <p>显示基本工具条</p>
      </template>
    </RunCase>

    <RunCase label="支持地图模式切换" file="./map-tool-bar/ViewMode.vue">
      <template #component>
        <ViewMode />
      </template>
      <template #description>
        <p>支持地图模式<code>2d</code>和<code>3d</code>切换</p>
      </template>
    </RunCase>
  </div>

  <div class="block">
    <h1>API</h1>
    <h2>props</h2>
    <PropsTable type="map-tool-bar"/>
    <h2>events</h2>
    <EventsTable type="map-tool-bar"/>
  </div>
  
</template>

<script setup>
import Basic from '../components/map-tool-bar/Basic.vue'
import ViewMode from '../components/map-tool-bar/ViewMode.vue'

</script>