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

export default class ProjectTwo extends Component {
    render() {
        return(
            <React.Fragment>
                <div className="whitespace"></div>

                <h3 className="mobile-txt2 wow fadeInUp" data-wow-delay="1.2s">{this.props.projectData.title}</h3>
                <div className="row">
                    { /* graphic2 */ }
                    <div className={"col-lg-6 project " + this.props.projectClass + " wow fadeInUp"} data-wow-delay="1.4s"
                        onClick={() => window.location.href = this.props.projectData.redirect}
                        style={{
                            background: "url(" + this.props.projectData.image + ") no-repeat 50% 50%",
                            backgroundSize: "cover"
                        }}
                    ></div>

                    <div className="col-lg-6"></div>
                </div>
            </React.Fragment>
        )
    }
}

ProjectTwo.propTypes = {
    projectData: PropTypes.object,
    projectClass: PropTypes.string
}