---
import { Icon } from "astro-icon/components";
import { config } from "../config";
---

<div class="flex flex-row gap-3 text-3xl flex-wrap justify-center">
    {
        config.socialLinks.map((link) => (
            <a
                href={link.url}
                target={link.url.startsWith("http") ? "_blank" : undefined}
                rel={
                    link.url.startsWith("http")
                        ? "noopener noreferrer"
                        : undefined
                }
                aria-label={link.ariaLabel}
                class="hover:text-primary transition-colors"
            >
                <Icon name={link.icon} />
            </a>
        ))
    }
</div>