<script lang="ts">
	export let langs: string[];
	export let plats: string[];

	import { languageNames } from './link-map';
</script>

{#each langs as lang}
	{#await languageNames.get(lang) then langName}
		<a href="/posts/tag/{langName}">
			<img src="/logos/color/{lang}.svg" alt="{langName} logo" title={langName} />
		</a>
	{/await}
{/each}
<br />
{#each plats as plat}
	<a href="/posts/tag/{plat.toLowerCase()}">
		<img src="/logos/color/{plat}.svg" alt="{plat} logo" title={plat} />
	</a>
{/each}

<style>
	img {
		height: 25px;
		width: 25px;
		padding-left: 5px;
		padding-right: 5px;
	}

	a {
		text-decoration: none;
	}
</style>
