"use strict";

const React = require("react");

const ViewManager = require("../components/view-manager");

module.exports = function HeaderMenuView() {
	return (
		<React.Fragment>
			<ViewManager.Link url="/actions/create-new-node" className="pure-button add shadow">
				<i className="fa fa-plus" />
				Create new node
			</ViewManager.Link>
			<form className="search pure-form pure-form-inline" method="post" action="/search">
				<input name="query" type="text" placeholder="Enter something to search for..." />
				<button className="pure-button search shadow" type="submit">
					<i className="fa fa-search" />
					Search
				</button>
			</form>
			<ViewManager.Form className="download pure-form pure-form-inline" method="post" url="/add-source">
				<input name="url" type="text" placeholder="Enter URL to download" />
				<button className="pure-button download shadow" type="submit">
					<i className="fa fa-download" />
					Download
				</button>
			</ViewManager.Form>
			<div id="logo">OpenNG</div>
		</React.Fragment>
	);
};
