<script lang="ts">
  import { BUTTON_ICON } from '../../type/global.js';
  import LinkedIn from '../../assets/icons/LinkedIn.svelte';
  import Instagram from '../../assets/icons/Instagram.svelte';
  import ChevronRight from '../../assets/icons/ChevronRight.svelte';

  export let icon: BUTTON_ICON | undefined = undefined;
</script>

{#if icon === BUTTON_ICON.LINKEDIN}
  <LinkedIn />
{/if}
{#if icon === BUTTON_ICON.INSTAGRAM}
  <Instagram />
{/if}
{#if icon === BUTTON_ICON.CHEVRON_RIGHT}
  <ChevronRight />
{/if}