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

// Helper function to check if icon is a string (Astro icon)
function isAstroIcon(icon: any): icon is string {
    return typeof icon === "string";
}
---

<div class="flex flex-row gap-4 text-3xl">
    {
        socialLinks.map((link) => {
            return (
                <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>