'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var clsx = require('clsx');
require('../common/theme.js');
require('../common/direction.js');
require('@transferwise/neptune-tokens');
require('../common/propsValues/control.js');
var size = require('../common/propsValues/size.js');
require('../common/propsValues/typography.js');
require('../common/propsValues/width.js');
require('../common/propsValues/type.js');
require('../common/propsValues/dateMode.js');
require('../common/propsValues/monthFormat.js');
require('../common/propsValues/position.js');
require('../common/propsValues/layouts.js');
require('../common/propsValues/status.js');
require('../common/propsValues/sentiment.js');
require('../common/propsValues/profileType.js');
require('../common/propsValues/variant.js');
require('../common/propsValues/scroll.js');
require('../common/propsValues/markdownNodeType.js');
require('../common/fileType.js');
require('@transferwise/formatting');
var CloseButton = require('../common/closeButton/CloseButton.js');
require('react');
var jsxRuntime = require('react/jsx-runtime');
var FlowHeader = require('../common/flowHeader/FlowHeader.js');
var Logo = require('../logo/Logo.js');

const defaultLogo = /*#__PURE__*/jsxRuntime.jsx(Logo.default, {});
/**
 * @deprecated Use `FlowNavigation` component instead
 */
function OverlayHeader({
  avatar,
  onClose,
  logo = defaultLogo
}) {
  const closeButton = onClose && /*#__PURE__*/jsxRuntime.jsx(CloseButton.CloseButton, {
    size: size.Size.LARGE,
    onClick: onClose
  });
  return /*#__PURE__*/jsxRuntime.jsx("div", {
    className: "np-overlay-header d-flex justify-content-center",
    children: /*#__PURE__*/jsxRuntime.jsx(FlowHeader.default, {
      className: "np-overlay-header__content p-a-3",
      leftContent: logo,
      rightContent: /*#__PURE__*/jsxRuntime.jsxs("div", {
        className: clsx.clsx('d-flex', 'align-items-center', 'order-2'),
        children: [avatar, avatar && closeButton && /*#__PURE__*/jsxRuntime.jsx("span", {
          className: clsx.clsx('m-x-1')
        }), closeButton]
      })
    })
  });
}

exports.default = OverlayHeader;
//# sourceMappingURL=OverlayHeader.js.map
