<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 AppliyedList from './AppliyedList.svelte';
</script>

<HasUser>
	<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 h-3/5 gap-3">
				<ApplicationsList />
				<WorkArea />
			</div>
			<AppliyedList />
		</div>
	</div>
</HasUser>
