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

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