<script lang="ts">
	import Nested from "./Nested.svelte";

	export let name = "World";

	const colors = ["cyan", "blue", "indigo"];
</script>

<main class="m-3">
	<h1 class="text-red-400 font-mono">Hello {name}!</h1>
	<p>
		Visit the <a href="https://svelte.dev/tutorial">Svelte tutorial</a> to learn
		how to build Svelte apps.
	</p>

	{#each colors as color}
		<Nested {color} />
	{/each}
</main>
