<script setup lang="ts">
import { RouterLink, RouterView } from 'vue-router'
</script>

<template>
  <div class="min-vh-100 bg-light">
    <nav class="navbar navbar-dark navbar-expand-lg bg-dark">
      <div class="container-fluid">
        <RouterLink class="navbar-brand fw-semibold" to="/control-cases">
          Control Cases
        </RouterLink>
        <div class="navbar-nav">
          <RouterLink class="nav-link" active-class="active" to="/control-cases">
            Список
          </RouterLink>
          <RouterLink class="nav-link" active-class="active" to="/params">
            Params
          </RouterLink>
          <RouterLink class="nav-link" active-class="active" to="/analize">
            Analize
          </RouterLink>
          <RouterLink class="nav-link" active-class="active" to="/analize/chart">
            Analize graph
          </RouterLink>
          <RouterLink class="nav-link" active-class="active" to="/sql">
            SQL
          </RouterLink>
        </div>
      </div>
    </nav>

    <main class="container py-4">
      <RouterView />
    </main>
  </div>
</template>
