<script>
	import Profile from "$lib/icons/Profile.svelte";

    export let data;
</script>

	<div class="flex-none">
			<footer class="justify-end">
				<div class="bg-gray-100">
					<div class="mx-auto max-w-7xl px-6 lg:px-8">
						<div class="flex justify-between divide-x divide-gray-900/5 border-x border-gray-900/5">
							<a
								href="/list"
								class="px-4 py-1 -ml-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
							>
								&copy; 2023 Innovation Hub Niedersachen
							</a>
							<a
								href="/"
								class="px-4 py-1 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
							>
								back
							</a>
							<a
								href="/"
								class="px-4 py-1 -mr-4 flex items-center justify-center gap-x-2.5 text-sm font-semibold leading-6 text-gray-500 hover:bg-gray-200 hover:text-gray-700"
							>
								<!--icon-->
								<Profile />

								{data?.user?.id}
							</a>
						</div>
					</div>
				</div>
			</footer>
		</div>