<script lang="ts">
    import { Heading, Li, List } from "flowbite-svelte";
	
	export let meData: { sectionTitle: string, sectionItems: { content: string }[] }[] = [];
	
</script>
{#each meData as mdt}
	<Heading>{mdt.sectionTitle}</Heading>
	<List>
	{#each mdt.sectionItems as sectItems}
		<Li>{sectItems.content}</Li>
	{:else}
		<Li>No items</Li>
	{/each}
	</List>
{:else}
	<h5 class="text-center">No data about me (yet!)</h5>
{/each}
