---
import ProjectComponent from './Project.astro'
import type { Project } from '@globalInterfaces';

interface Props {
	projects: Project[]
}

const { projects }: Props = Astro.props
---

<div
  class="grid items-stretch w-full grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-7 mt-7"
>
  {
    projects.map((project) => (
      <ProjectComponent
        project={project}
      />
    ))
  }
</div>