const { Component } = require("inferno");

module.exports = class extends Component {
	render() {
		const { partial } = this.props;
		const Content = require(`./content`);
		const Footer = require(`./footer`);

		return (
			<>
				<div
					id="nexmoe-header"
					dangerouslySetInnerHTML={{
						__html: partial("_layout/nexmoe/header"),
					}}
				></div>
				<div id="nexmoe-content">
					<Content {...this.props} />
					<div
						class="nexmoe-post-right"
						dangerouslySetInnerHTML={{
							__html: partial("_partial/right"),
						}}
					></div>
				</div>

				<div id="nexmoe-footer">
					<Footer {...this.props} />
				</div>
			</>
		);
	}
};