"use strict";

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

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

var _ProperLogo = _interopRequireDefault(require("../../../icons/ProperLogo"));

var _styles = require("../styles");

var _jsxRuntime = require("@emotion/react/jsx-runtime");

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

var TopNavDesktop = function TopNavDesktop(_ref) {
  var leftItems = _ref.leftItems,
      rightItems = _ref.rightItems;
  return (0, _jsxRuntime.jsxs)(_styles.TopNavBody, {
    children: [(0, _jsxRuntime.jsxs)(_styles.TopNavLeftContent, {
      children: [(0, _jsxRuntime.jsx)(_ProperLogo["default"], {
        width: 80,
        color: '#3A5DAE'
      }), leftItems]
    }), (0, _jsxRuntime.jsx)(_styles.TopNavRightContent, {
      children: rightItems
    })]
  });
};

exports.TopNavDesktop = TopNavDesktop;