"use strict";
var __importStar = (this && this.__importStar) || function (mod) {
    if (mod && mod.__esModule) return mod;
    var result = {};
    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
    result["default"] = mod;
    return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importStar(require("react"));
const react_router_dom_1 = require("react-router-dom");
const auth_1 = require("../utils/auth");
require("../stylesheets/app.scss");
class Nav extends react_1.Component {
    render() {
        return (react_1.default.createElement("nav", { className: "navbar navbar-default" },
            react_1.default.createElement("div", { className: "navbar-header" },
                react_1.default.createElement(react_router_dom_1.Link, { className: "navbar-brand", to: "/" }, "\uD83E\uDD16")),
            react_1.default.createElement("ul", { className: "nav navbar-nav" },
                react_1.default.createElement("li", null,
                    react_1.default.createElement(react_router_dom_1.Link, { to: "/bots" }, "Your Bots")),
                react_1.default.createElement("li", null, auth_1.isLoggedIn() ? react_1.default.createElement(react_router_dom_1.Link, { to: "/bots/new" }, "Make Bot") : '')),
            react_1.default.createElement("ul", { className: "nav navbar-nav navbar-right" },
                react_1.default.createElement("li", null, auth_1.isLoggedIn() ? (react_1.default.createElement("button", { className: "btn btn-danger log", onClick: () => auth_1.logout() },
                    "Log out",
                    ' ')) : (react_1.default.createElement("button", { className: "btn btn-info log", onClick: () => auth_1.login() }, "Log In"))))));
    }
}
exports.default = Nav;
//# sourceMappingURL=nav.js.map