<template>
  <div class="flex justify-around">
    <div>
      <AisDropdown label="Align Left (default)"
                   :items="items"
                   variant="secondary"
                   font="sans"
                   size="md"
                   rounded
      ></AisDropdown>
    </div>
    <div>
      <AisDropdown label="Align to the Right"
                   :items="items"
                   variant="secondary"
                   font="sans"
                   size="md"
                   rounded
                   right
      ></AisDropdown>
    </div>
  </div>
</template>

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

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