<script lang="ts" setup>
defineProps<{
  icon: string[]
  url: string
  title: string
}>()
</script>

<template>
  <div class="flex gap-4 text-xl">
    <a :key="url" :href=url :title=title
       class="flex items-center justify-center transition-all hover:scale-125">
      <font-awesome-icon :icon="icon"/>
    </a>
  </div>
</template>

<style scoped>

</style>