portfolio/src/components/Projects/index.tsx

24 lines
551 B
TypeScript

import ProjectType from '@/types/project'
import ProjectPreview from '../ProjectPreview'
import styles from './index.module.css'
type Props = {
projects: ProjectType[]
}
export default function Projects({ projects }: Props) {
return (
<nav className={styles.projects}>
{projects.length > 0 &&
projects.map((project, i) => (
<ProjectPreview
key={project.slug}
title={project.title}
image={project.images[0]}
slug={project.slug}
/>
))}
</nav>
)
}