<script lang="ts" setup>
import { ref } from "vue";

const items = ref([
  {
    label: "Create Calendar",
    icon: "pi pi-fw pi-plus",
    url: "/",
  },
  {
    label: "FAQ",
    icon: "pi pi-fw pi-book",
    url: "/faq",
  },
  {
    label: "Impress",
    icon: "pi pi-fw pi-id-card",
    url: "/impress",
  },
  {
    label: "Privacy",
    url: "/privacy-policy",
    icon: "pi pi-fw pi-exclamation-triangle",
  },
]);
</script>

<template>
  <Menubar :model="items" class="menubar justify-content-center">
    <template #start></template>
  </Menubar>
</template>

<style scoped>
.menubar {
  background-color: transparent;
  border: none;
}
</style>
