<template>
    <NuxtLink :to="props.link" target="_blank">
        <img
            :src="props.icon ?? '/icons/arrow-up-right-from-square.svg'"
            alt="Arrow going to the top right from the center of a square, representing a link"
            class="w-4 h-4 fill-ctp-text"
        />
    </NuxtLink>
</template>

<script lang="ts" setup>
const props = defineProps<{
    link: string;
    icon?: string;
}>();
</script>
