<template>
  <div class="flex justify-center">
    <AisNav class="gap-8 px-2 items-center border border-ui-gray-100 rounded shadow-lg"
            item-class="py-3 px-1 gap-2 hover:no-underline hover"
            :items="mainNav"
            dark
    ></AisNav>
  </div>
</template>


<script setup>
  import AisNav from "@/components/nav/AisNav.vue";
  import { mainNav } from "@/components/nav/examples/nav-examples";
</script>

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