<script lang="ts">
    export let icon = 'default';
    export let url = 'foo';
    export let title = 'some cool title';
</script>

<div>
<a href={url} class="stack w-full max-w-md text-center bg-base-300 flex justify-center items-center p-4 rounded-lg not-prose no-underline">
  <img src={`/icons/${icon}.png`} alt={icon} width="32" height="32" class="w-8" />
  <span class="text-lg text-white font-bold">{title}</span>
</a>
</div>