<script setup>
import { defineProps, ref } from 'vue';
import { show_this_week } from "@/views/dashboards/departmentDashboard/other/displays/DepartmentsOverviewObject.vue";


const selected_option = ref(0);

const options = [
  { id: 0, label: 'I dag' },
  { id: 1, label: 'Denne uge' },
];

const selectOption = (option) => {
  selected_option.value = option;
  show_this_week.value = option === 1;
};

</script>

<template>
  <div class="navbar is-white">
    <div class="navbar-menu">
      <!-- Date shortcuts -->
      <div class="navbar-start">
        <div class="navbar-item">
          <div class="buttons">
            <button v-for="(shortcut, index) in options" :key="index" @click="selectOption(shortcut.id)"
                    class="button is-light" :class="{ 'is-info': selected_option === shortcut.id }">
              {{ shortcut.label }}
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>