<script lang="ts">
	import NavBar from './NavBar.svelte';
	import HasUser from '$lib/HasUser.svelte';
	import ApplicationsList from './ApplicationsList.svelte';
	import WorkArea from './work-area/WorkArea.svelte';
	import ApplicationTypesList from './ApplicationTypesList.svelte';

	let appList: ApplicationsList;
</script>

<HasUser redirect="/cv">
	<div class="flex flex-col h-[100vh]">
		<NavBar />
		<div class="w-full px-4 grow h-full gap-3 flex flex-col">
			<div class="flex gap-3 flex-grow">
				<ApplicationsList bind:this={appList} />
				<WorkArea {appList} />
			</div>
			<ApplicationTypesList />
			<div class="p-3"></div>
		</div>
	</div>
</HasUser>
