<template>
	<NavBar>
		<NuxtLink class="xl:px-6 px-3 text-lg xl:tracking-wider flex items-center font-semibold text-light-100 dark:text-dark-100 hover:text-opacity-70" aria-label="Projets" :to="{ path: `/explorer`, force: true }">Projets</NuxtLink>
		<NuxtLink class="xl:px-6 px-3 text-lg xl:tracking-wider flex items-center font-semibold text-light-100 dark:text-dark-100 hover:text-opacity-70" aria-label="Editeur" :to="{ path: '/editing', force: true }">Editeur</NuxtLink>
		<hr class="border-light-35 dark:border-dark-35"/>
		<ExplorerNavigation></ExplorerNavigation>
	</NavBar>
	<div class="flex-1 flex items-baseline overflow-auto py-8 sm:px-8 px-4 relative">
		<slot></slot>
	</div>
</template>