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

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

                <div className="row mobile-txt3">
                    <div className="col-lg-5"></div>
                    <div className="col-lg-5">
                        <h4 className="wow fadeInUp" data-wow-delay="1.6s">{this.props.projectData.title}</h4>
                    </div>
                    <div className="col-lg-5"></div>
                </div>

                <h3 className="mobile-txt2 wow fadeInUp" data-wow-delay="1.2s">{this.props.projectData.title}</h3>
                <div className="row">
                    <div className="col-lg-5"></div>

                    { /* graphic3 */ }
                    <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-1"></div>
                </div>
            </React.Fragment>
        )
    }
}

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