<script lang="ts">
	import { page } from '$app/stores';
	import { env } from '$env/dynamic/public';
	import { IconOutline } from 'svelte-heros-v2';
</script>

{#if $page.url.pathname !== `${env.PUBLIC_BASE_PATH}/admin/login`}
	<div class="flex h-screen">
		<div class="h-full">
			<ul class="menu p-4 w-fit h-full bg-base-200 text-base-content">
				<li>
					<a href="{env.PUBLIC_BASE_PATH}/admin/admin">
						<IconOutline name="users-outline" />
						<span class="ml-1">Website Admins</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="h-full w-full">
			<slot />
		</div>
	</div>
{:else}
	<div class="h-full w-full">
		<slot />
	</div>
{/if}
