import { ProjectCard, projectMock } from '../../components/ProjectCard.tsx'

export default function Project() {
	return (
		<>
			<h1>Nos Projets</h1>
			<section
				style={{
					display: 'grid',
					gridTemplateColumns: 'repeat(auto-fit, minmax(30rem, 1fr));',
					gap: 'var(--_gap)',
				}}
			>
				{projectMock.map(ProjectCard)}
			</section>
		</>
	)
}