import "./WorkCard.css";
import WorkCard from "./WorkCard";

import React from "react";

const Work = ({ title, workcardData }) => {
  return (
    <div className="work-container">
      <h1 className="project-heading">{title}</h1>
      <div className="project-container">
        {workcardData.map((val, index) => {
          return (
            <WorkCard
              key={index}
              imgsrc={val.imgsrc}
              title={val.title}
              text={val.text}
              view={val.view}
            />
          );
        })}
      </div>
    </div>
  );
};

export default Work;
