2023-10-06 23:56:50 +02:00
|
|
|
<script lang="ts">
|
|
|
|
|
|
|
|
import Icon from "./Icon.svelte";
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Renders a 'marker', which consists of multiple 'icons'
|
|
|
|
*/
|
2023-10-11 04:16:52 +02:00
|
|
|
export let icons: { icon: string, color: string }[]
|
2023-10-06 23:56:50 +02:00
|
|
|
|
2023-10-07 03:07:32 +02:00
|
|
|
</script>
|
2023-10-11 04:16:52 +02:00
|
|
|
{#if icons !== undefined && icons.length > 0}
|
2023-10-07 03:07:32 +02:00
|
|
|
<div class="relative w-full h-full">
|
|
|
|
{#each icons as icon}
|
2023-10-11 04:16:52 +02:00
|
|
|
<Icon icon={icon.icon} color={icon.color} />
|
2023-10-07 03:07:32 +02:00
|
|
|
{/each}
|
|
|
|
</div>
|
|
|
|
{/if}
|