<script>
	/** @type {import('./$types').PageData} */
	export let data;
</script>

<div class="w-full max-w-md h-full mx-auto flex flex-col justify-center items-center py-10">
  <div class="space-y-10">
	  <h1 class="h1 font-bold">Profile</h1>
		<div class="px-4">
			<div>{@html data.user.displayname}</div>
		</div>
	</div>
	<div class="space-y-6">
		<h2 class="h2">Your projects</h2>
		<p class="px-4">
			You don't have any projects yet.
		</p>
	</div>
	<div class="space-y-6">
		<h2 class="h2">Your repositories</h2>
		<p class="px-4">
			You don't have any repositories yet.
		</p>
	</div>
	<div class="space-y-6">
		<h2 class="h2">Your news</h2>
		<p class="px-4">
			Nothing here yet.
		</p>
	</div>
	<div class="space-y-6">
		<h2 class="h2">Your notifications</h2>
		<p class="px-4">
			You don't have any notifications yet.
		</p>
	</div>
	<div class="space-y-6">
		<h2 class="h2">Your settings</h2>
		<p class="px-4">
			Adjust Anvil to your liking.
		</p>
	</div>
</div>
