text: import React from "react"
  import Title from "./Title"
  import Project from "./Project"
  import { Link } from "gatsby"
  import projects from "../constants/projects"
  
  
  
  const Projects = ({title,showLink}) => {
    return <section className="section projects">
      <Title title={title} />
      <div className="section-center projects-center">
        {
          projects.map((project,index)=>{
            return <Project key={project.id} index={index} {...project}/>
          })
        }
      </div>
      {
        showLink && (<Link to='/projects' className="btn center-btn">projects</Link>)
      }
    </section>
  }
  
  export default Projects
  