import { Project, ProjectDescriptor } from '../components/project';
import projectsJson from '../data/projects.json';

const projects: ProjectDescriptor[] = projectsJson as ProjectDescriptor[];

export default function Projects() {
  return (
    <>
      <div class="main-info">
        <div class="main-info-title">
          Other Projects
        </div>
        <div class="main-info-subtitle">
          projects that are not games
        </div>
      </div>

      <div class="projects-container">
        {
          projects.map((project) => (
            Project(project)
          ))
        }
      </div>
    </>
  );
}