'use strict';
var React = require('react');
var Head = require('./head.jsx');
var Foot = require('./foot.jsx');
module.exports = React.createClass({
render: function() {
return (
<html>
<Head {...this.props} />
<body>
<div className="error">
<header>
<div className="container">
<div className="row">
<div className="col-md-12">
<h1><a href="/">match<span className="audio-lighten">.audio</span></a></h1>
</div>
</div>
</div>
</header>
<div className="container main">
<div className="row">
<div className="col-md-6 col-md-offset-3">
<h2>{this.props.status}</h2>
<h1>{this.props.message}</h1>
<pre>{this.props.error.stack || ""}</pre>
</div>
</div>
</div>
<Foot page="error" />
</div>
</body>
</html>
);
}
});