<script setup lang="ts">
defineProps<{ social?: AcfSocialOutput }>();
</script>

<template>
  <div v-if="social?.profiles" class="flex gap-1.5">
    <a
      v-for="({ url, icon }, key) in social.profiles"
      :key="key"
      :href="url"
      target="_blank"
      rel="noopener noreferrer"
      class="flex"
    >
      <UIcon :name="icon" />
    </a>
  </div>
</template>
