<template>
  <div class="flex gap-8">
    <div>
      <AisMenu label="Using Items Prop"
               :items="items"
      ></AisMenu>
    </div>
  </div>

</template>

<script setup>
  import { ref } from "vue"
  import AisMenu from "@/components/menu/AisMenu.vue";

  const items = ref([
    { key: 'item1', label: 'Menu Item 1', href: '/menu/item/1' },
    { key: 'item2', label: 'Menu Item 2', to: '/menu/item/1' },
    { key: 'item3', label: 'Menu Item 3' },
  ])
</script>

<script>
export default {
  name: "AisMenuProps",
}
</script>