<script setup>
import Admin from '#/components/admin/admin.vue';
</script>

<template>
	<Admin>
		<h2 class="heading">Admin Panel</h2>

		<ul class="menu">
			<li>
				<a
					href="/admin/actors"
					class="link"
				>Actors</a>
			</li>

			<li>
				<a
					href="/admin/revisions/scenes"
					class="link"
				>Scene Revisions</a>
			</li>

			<li>
				<a
					href="/admin/revisions/actors"
					class="link"
				>Actor Revisions</a>
			</li>

			<li>
				<a
					href="/admin/entities"
					class="link"
				>Entity Health</a>
			</li>
		</ul>
	</Admin>
</template>

<style scoped>
.menu {
	margin: 0;

	.link {
		display: block;
		padding: .25rem;
	}
}
</style>
