var React = require('react');
var Link = require('react-router').Link;
var WindowsDriver = require('!file?name=windows-drivers.rar!../../files/windows-drivers.rar');

var matchUP = require('../../images/matchUP-white.png');

class Nav extends React.Component {
	render() {
		return (
			<div>
				<ul id="download" className="dropdown-content">
					<li><a href="https://chrome.google.com/webstore/detail/codebendercc-extension/fkjidelplakiboijmadcpcbpboihkmee" target="_blank">Chrome</a></li>
					<li><a href="https://codebender.cc/codebender.xpi" target="_blank">Firefox</a></li>
					<li className="divider"></li>
					<li><a href={ WindowsDriver } target="_blank">Windows 软件</a></li>
				</ul>
				<nav className="cyan">
					<div className="nav-wrapper container">
						<a href="/" className="brand-logo"><img className="nav-logo" src={ matchUP } /></a>
						<ul className="right">
							<li><a href='/genuino/tutorial'>新手教学</a></li>
							<li><a className="dropdown-button" href="#!" data-activates="download">下载安装<i className="material-icons right">arrow_drop_down</i></a></li>
							<li><a href="#">支持硬件</a></li>
							<li><a href="#">社区内容</a></li>
							<li><a href="#">FAQ</a></li>
							<li><a href="#">关于</a></li>
						</ul>
					</div>
				</nav>
			</div>
		);
	}
}

module.exports = Nav;
