text: import React from "react";
  import Column from "./column";
  
  function Project(props) {
  
      console.log("image", props.imgPath);
    return (
      <Column size="md-4 sm-12">
        <div className="button-container">
          <img
            className="img-fluid portfolio-pic"
            src={props.imgPath}
            alt={props.name}
          />
          <button
            type="button"
            className="btn btn-primary btn-lg btn-block deployedBtn"
            onClick={() => window.open(props.linkDeployed)}
          >
            {props.name} (Deployed)
          </button>
          <button
            type="button"
            className="btn btn-primary btn-lg btn-block githubBtn"
            onClick={() => window.open(props.linkGithub)}
          >
            {props.name} (Github)
          </button>
        </div>
      </Column>
    );
  }
  
  export default Project;
  