thinkful-ui/lib/AppBar/UnauthedAppBar.js

Shared UI resources for Thinkful.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _propTypes = _interopRequireDefault(require("prop-types"));

var _react = _interopRequireDefault(require("react"));

var _Logo = _interopRequireDefault(require("../Logo"));

var _NavLink = _interopRequireDefault(require("./NavLink"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var UnauthedAppBar = function UnauthedAppBar(_ref) {
  var config = _ref.config;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "tui-app-nav-container"
  }, /*#__PURE__*/_react["default"].createElement("nav", {
    className: "tui-app-nav",
    key: "main-navigation",
    rel: "main-navigation"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "nav-bar-container"
  }, /*#__PURE__*/_react["default"].createElement("div", {
    className: "tui-app-nav-left"
  }, /*#__PURE__*/_react["default"].createElement("a", {
    className: "tui-app-nav-logo",
    href: config.www.url
  }, /*#__PURE__*/_react["default"].createElement(_Logo["default"], {
    brand: "thinkful"
  }))), /*#__PURE__*/_react["default"].createElement("div", {
    className: "tui-app-nav-right"
  }, /*#__PURE__*/_react["default"].createElement("ul", {
    className: "tui-app-nav-main"
  }, /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_NavLink["default"], {
    url: config.accounts.url,
    displayName: "Sign in"
  })))))));
};

UnauthedAppBar.propTypes = {
  config: _propTypes["default"].shape({
    accounts: _propTypes["default"].object,
    www: _propTypes["default"].object
  }).isRequired
};
var _default = UnauthedAppBar;
exports["default"] = _default;