extends ./layout.jade

block title
  title {{projectTitle}}

block content
  script(type='text/babel').
    var App = React.createClass({
      render: function() {
        return (
          <div className="content-wrapper">
            <div className="content-header">
              <h1>{{projectTitle}}</h1>

              <table className="table">
                <thead>
                  <tr>
                    <th>Name</th>
                    <th>Description</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td>Some data here</td>
                    <td>This is ....</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        );
      }
    });

    ReactDOM.render(
      <App />,
      document.getElementById('application')
    );