"use strict";

exports.__esModule = true;
exports.NavHeader = void 0;

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

var _classnames = _interopRequireDefault(require("classnames"));

var _LinkTo = require("../LinkTo");

var _DragonKitContext = require("../../context/DragonKitContext");

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

var NavHeader = function NavHeader(_ref) {
  var Logo = _ref.Logo,
      children = _ref.children;

  var _useDragonKitValue = (0, _DragonKitContext.useDragonKitValue)(),
      dragonKit = _useDragonKitValue[0];

  var classes = (0, _classnames.default)('nav-header', dragonKit.theme);
  return /*#__PURE__*/_react.default.createElement("header", {
    className: classes
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "middle"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "inner"
  }, /*#__PURE__*/_react.default.createElement(_LinkTo.LinkTo, {
    type: "route",
    url: "/"
  }, /*#__PURE__*/_react.default.createElement("h6", {
    className: "logo"
  }, Logo && /*#__PURE__*/_react.default.createElement(Logo, null))), children)));
};

NavHeader.displayName = 'NavHeader';
var NavHeaderDoc;

if (process.env.NODE_ENV !== 'production') {
  // eslint-disable-next-line global-require
  NavHeaderDoc = require('./doc').doc(NavHeader);
}

var NavHeaderWrapper = NavHeaderDoc || NavHeader;
exports.NavHeader = NavHeaderWrapper;