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

import ProjectHero from './ProjectHero';
import ProjectImage from './ProjectImage';

import DynamicTitle from '../../navigation/DynamicTitle';

export default class Project extends Component {
    render() {
        return(
            <React.Fragment>
                <DynamicTitle title={this.props.projectData.title + " | Fuwn"} />
                
                <div className="whitespace"></div>
                <ProjectHero projectData={this.props.projectData} />
                <ProjectImage projectData={this.props.projectData} projectClass={this.props.projectClass} />
            </React.Fragment>
        )
    }
}

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