<script setup lang="ts">
import { TabsNavigation, useNavigationTabs } from "@actindo/core-ui";
import { sampleRoutes } from "@/router/topBarRoutes";

// @todo: sample view
const tabs = useNavigationTabs(sampleRoutes);
</script>

<template>
  <div class="d-flex flex-column h-100 overflow-hidden">
    <TabsNavigation class="sample-view ma-2" :tabs="tabs" />
  </div>
</template>

<style lang="scss">
.sample-view {
  .tab-panel {
    color: rgb(var(--v-theme-on_dark));
    .v-slide-group-item--active {
      color: rgb(var(--v-theme-on_dark));
    }
  }

  .a-data-table {
    background-color: rgb(var(--v-theme-background_2));
  }
}
</style>
