<script lang="ts">
  import Icon from "fa-svelte"
  import icons from "../external/icons";
  import type { IconName } from "../external/icons";

  export let name: IconName = "question";
  export let block: boolean = false;
</script>

{#if block}
  <div>
    <Icon class="activity-icon" icon={icons[name] || icons.question} />
  </div>
{:else}
  <Icon class="activity-icon" icon={icons[name] || icons.question} />
{/if}

<style>
  div {
    margin: auto;
  }
</style>