---
const className = Astro.props.className ?? '';
---

<div class={`social-links ${className}`}>
  <a href="https://instagram.com/botnest_edu" target="_blank" aria-label="Instagram">
    <i class="fa-brands fa-instagram"></i>
  </a>
  <a href="https://x.com/botnest_edu" target="_blank" aria-label="X (Twitter)">
    <i class="fa-brands fa-x-twitter"></i>
  </a>
  <a href="https://www.youtube.com/@BotNest" target="_blank" aria-label="YouTube">
    <i class="fa-brands fa-youtube"></i>
  </a>
  <a href="https://github.com/BotNestEdu" target="_blank" aria-label="GitHub">
    <i class="fa-brands fa-github"></i>
  </a>
</div>