import React, { Component } from 'react';
import PropTypes from 'prop-types';

// import ProjectOne from '../project/ProjectOne';
import ProjectTwo from '../project/ProjectTwo';
// import ProjectThree from '../project/ProjectThree';

export default class FeaturedProjects extends Component {
    render() {
        // const itemCount = this.props.projectData.featured.length;
        // let itemIteration = 1;
        // let itemLast = false;
        return(
            <div className="container-fluid">
                <br /><br /><br />
                
                <h6>selected projects</h6>
                
                <br />

                { /* <div className="vertical"></div>
                <br />
                
                <div className="whitespace"></div> */ }
                { /* <div className="whitespace"></div> */ }
                
                { /* this.props.projectData.featured && this.props.projectData.featured.map((item) => {
                        if (itemIteration >= itemCount) itemLast = true;
                        itemIteration++;
                        return(
                            <React.Fragment>
                                <ProjectOne projectData={item} />
                                { itemLast ? '' : <br /> }
                            </React.Fragment>
                        )
                    }) */ }
                    
                <ProjectTwo projectData={this.props.projectData.work.categories[0]} projectClass="category3" />
                <br />
                <p className="wow fadeInUp" data-wow-delay="1.2s" style={{fontSize: "12px"}}>
                    i just wanna say, in this pic, they seem to be using the c++ standard<br />
                    library, <code>iostream</code> for input/ output, imagine using <code>using namespace std;</code>, couldn't be me.
                </p>
                
                { /* <div className="whitespace"></div>*/ }
            </div>
        )
    }
}

FeaturedProjects.propTypes = {
    projectData: PropTypes.object
}