<script lang="ts">
	import { BenutzerClient, ObjektKomplettClient } from "#components/Ausweis/types.js";
	import DashboardAusweis from "#components/Dashboard/DashboardAusweis.svelte";
	import DashboardObjekt from "#components/Dashboard/DashboardObjekt.svelte";

	export let user: BenutzerClient;
	export let objekte: ObjektKomplettClient[];
</script>

<h1 class="text-4xl font-medium">Willkommen zurück, {user.vorname}!</h1>
<p class="text-lg">
	Hier finden Sie eine Übersicht über all ihre Ausweise und Gebäude.
</p>

<h1 class="text-4xl font-medium my-8">Gebäude</h1>
	<div class="columns columns-1 md:columns-2  lg:columns-3  gap-4">
		{#each objekte as objekt}
		<DashboardObjekt {objekt}></DashboardObjekt>
	{/each}
</div>