<template>
  <div class="icon-list">
    <h2>{{ title }}</h2>
    <ul>
      <li v-for="item in list">
        <a :href="item.href" v-bind:target="item.blank ? '_blank' : undefined"
          ><span :class="item.icon"></span>{{ item.name }}</a
        >
      </li>
    </ul>
  </div>
</template>

<script setup lang="ts">
interface LinkList {
  href: string;
  name: string;
  icon: string;
  blank?: boolean;
}

const props = defineProps<{ list: LinkList[]; title: string }>();
</script>
