"use strict";

exports.__esModule = true;
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _flex = _interopRequireDefault(require("../../components/templates/flex"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
var Topbar = function Topbar(_ref) {
  var _ref$extended = _ref.extended,
    extended = _ref$extended === void 0 ? false : _ref$extended,
    children = _ref.children,
    mainChild = _ref.mainChild;
  return /*#__PURE__*/_react["default"].createElement(_flex["default"], {
    justifyContent: "between"
  }, mainChild, /*#__PURE__*/_react["default"].createElement(_flex["default"], {
    alignItems: "center",
    gap: extended ? 8 : 5
  }, children));
};
var _default = exports["default"] = Topbar;