<template>
  <div class="column">
    <div class="row">
      <div class="row items-center q-gutter-x-md">
        <span>Group By</span>
        <q-btn-toggle
          v-model="groupBy"
          :options="[
            {
              label: 'Project',
              value: 'project'
            },
            {
              label: 'User',
              value: 'user'
            }
          ]"
        />
      </div>
      <div class="row" />
    </div>
    <div>
      Calendar
    </div>
  </div>
</template>

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

const groupBy = ref('project')
</script>
