standard-resume/lib/Header.js

The Standard Resume ReactJS component.

'use strict';

var ContactMenu = require('./ContactMenu');
var Logo = require('./Logo');
var React = require('react');
var ShareMenu = require('./ShareMenu');

var Header = React.createClass({
  displayName: 'Header',

  propTypes: {
    preview: React.PropTypes.bool,
    basic: React.PropTypes.shape({
      firstName: React.PropTypes.string,
      lastName: React.PropTypes.string,
      color: React.PropTypes.string
    })
  },

  render: function render() {
    var basic = this.props.basic;
    var color = this.props.color;
    return React.createElement(
      'header',
      null,
      React.createElement(
        'div',
        null,
        React.createElement(
          'div',
          { className: 'logo-wrap' },
          React.createElement(Logo, {
            firstName: basic.firstName,
            lastName: basic.lastName,
            color: color
          })
        ),
        React.createElement(
          'div',
          { className: 'menus-wrap' },
          React.createElement(ContactMenu, { basic: basic }),
          React.createElement(ShareMenu, { preview: this.props.preview })
        )
      ),
      React.createElement(
        'h1',
        null,
        basic.firstName,
        ' ',
        basic.lastName
      )
    );
  }

});

module.exports = Header;