<script lang="ts">
	import type { DashboardLink } from '$lib/dashboard/framework/ui/dashboardLink';
	import DashboardLinkButton from '$lib/dashboard/framework/ui/DashboardLinkButton.svelte';

	const { links }: { links: DashboardLink[] } = $props();
</script>

<div class="border-true-gray-300 w-3xs border-e p-8">
	<div class="mb-3 font-bold">Dashboard</div>
	<div class="flex flex-col">
		{#each links as link (link.href)}
			<DashboardLinkButton {link} />
		{/each}
	</div>
</div>
