<template>
  <q-page padding>
    <q-item v-for="link in navlinks" :key="link.label">
      <q-btn
        :icon="link.icon"
        color="primary"
        size="1.25em"
        :to="link.to"
        :label="link.label"
        rounded
        class="full-width"
        align="left"
      />
    </q-item>
  </q-page>
</template>

<script setup lang="ts">
const navlinks = [
  {
    icon: 'more_time',
    to: '/schedule/book',
    label: 'Create a Reservation',
  },
  { icon: 'calendar_month', to: '/schedule/view', label: 'View Schedule' },
];
</script>
