<script setup lang="ts">
import {ref} from "vue";
import Archive from "@/components/content/Archive.vue";
import TableDraggable from "@/components/content/partials/TableDraggable.vue";

const tab = ref(null)
const tabs = [
  {
    id: 'archive',
    title: 'Archivio',
  },
  {
    id: 'blocks',
    title: 'Blocchi dinamici',
  },
]
</script>

<template>
  <v-tabs
      v-model="tab"
      bg-color="primary"
  >
    <v-tab
        v-for="tab in tabs"
        :value="tab.id"
    >{{ tab.title }}</v-tab>
  </v-tabs>
  <v-tabs-window v-model="tab">
    <v-tabs-window-item
        v-for="tab in tabs"
        :value="tab.id">
      <Archive
          v-if="tab.id === 'archive'"
          :show-select="false"
          :is-draggable="true"
          :hideColumns="['mtime', 'actions']"
      />
    </v-tabs-window-item>
  </v-tabs-window>
</template>

<style scoped>

</style>