<template>
  <div class="flex gap-12">
    <div>
      <AisMenu label="Align Left (default)" button-class="p-2 gap-2 border border-blue-400" :items="items"></AisMenu>
    </div>
    <div>
      <AisMenu label="Align to the Right" button-class="p-2 gap-2 border border-blue-400" :items="items"
               right
      ></AisMenu>
    </div>
  </div>
</template>

<script setup>
  import AisMenu from "@/components/menu/AisMenu.vue";
  import { items } from "@/components/menu/examples/example-items.js"
</script>

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