<template>
  <div class="flex justify-around">
    <div>
      <AisDropdown label="Using Default Slot" variant="secondary">
        <AisMenuItem label="Menu Item 1"></AisMenuItem>
        <AisMenuItem label="Menu Item 2"></AisMenuItem>
        <AisMenuItem label="Menu Item 3"></AisMenuItem>
      </AisDropdown>
    </div>
    <div>
      <AisDropdown label="Using Items Prop" :items="items" variant="secondary"></AisDropdown>
    </div>
  </div>
</template>

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

<script>
export default {
  name: "AisDropdownExample"
}
</script>