<script lang="ts">
  import {uiState} from "$lib/state/ui.svelte"
  let {label='', icon='', link=''} = $props();
</script>

<div class="my-2 block">
    <a class="p-2    w-full text-left menuitem block" href={link}>
        <i class={[icon]}></i>
        {#if uiState.menuContentVisible}
            <span class="ml-4">{label}</span>
        {/if}
    </a>
</div>
