<i18n>
{
  "ru": {
    "booking": {
      "tickets": "Записи",
      "schedules": "Расписание",
      "slots": "Слоты",
      "slots-title": "Сгенерированные слоты"
    }
  },
  "en": {
    "booking": {
      "tickets": "Tickets",
      "schedules": "Schedules",
      "slots": "Slots",
      "slots-title": "Generated slots"
    }
  }
}
</i18n>

<template>
  <div class="q-pa-md q-gutter-y-md">
    <div
        class="flex justify-between items-center bg-white q-pa-md rounded-borders"
    >
      <div class="column justify-center text-h5" style="min-height: 36px">
        {{ $t('tickets.label') }}
      </div>
    </div>
    <div class="bg-white q-pa-md rounded-borders">
      <schedule />
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import Schedule from '@components/tickets/schedule.vue';

@Component({
  components: {
    Schedule,
  },
})
export default class Index extends Vue {
  tab = 'schedules';
};
</script>

<style scoped>

</style>
