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

<template>
  <div class="mt-4">
    <div class="flex border-b-2 border-emerald-500">
      <RouterLink :to="{ name: routeNames.listRuleBooks }" class="tab">
        <span>Rule Books</span>
      </RouterLink>
      <RouterLink to="/characters/rules" class="tab">
        <span>Characters Rules</span>
      </RouterLink>
    </div>
    <RouterView />
  </div>
</template>