---
import { projects } from "../data/projects";
import ProjectCard from "./ProjectCard.astro";
---

<section id="projects-pane" data-bs-theme="dark">
  <h6
    class="text-muted text-center"
    style="text-transform: uppercase; letter-spacing: 5px;"
  >
    (SOME OF) MY PROJECTS
  </h6>

  <ul class="list-unstyled">
    <li>
      {projects.map((project) => (
        <ProjectCard {...project} />
      ))}
    </li>
  </ul>
</section>