"use strict";

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

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

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

var _reactSvg = require("react-svg");

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

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

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

var Header = function Header(_ref) {
  var logo = _ref.logo,
      children = _ref.children;

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

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

Header.displayName = 'Header';
var HeaderDoc;

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

var HeaderWrapper = HeaderDoc || Header;
exports.Header = HeaderWrapper;