package components;

import react.ReactMacro.jsx;
import react.ReactComponent;
import Webpack.*;
import react.router.NavLink;

class Header extends ReactComponent{
    static var STYLES = require('./Header.css');
    public function yeet(){
        props.foo();
    }
    override function render() {
        return jsx('
            <header>
                <div className="logo">
                    subsonics
                </div>
                <nav>
                    <$NavLink exact="true" to="/" activeClassName="selected">
                        Home
                    </NavLink>
                    <$NavLink to="/links" activeClassName="selected">
                        Links
                    </NavLink>
                    <$NavLink to="/projects" activeClassName="selected">
                        Projects
                    </NavLink>
                    <$NavLink to="/gameservers" activeClassName="selected">
                        Game Servers
                    </NavLink>
                </nav>
            </header>
        ');
    }
}