'use strict';

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

var clsx = require('clsx');
var React = require('react');
var layouts = require('../propsValues/layouts.js');
var jsxRuntime = require('react/jsx-runtime');

function _interopNamespace(e) {
    if (e && e.__esModule) return e;
    var n = Object.create(null);
    if (e) {
        Object.keys(e).forEach(function (k) {
            if (k !== 'default') {
                var d = Object.getOwnPropertyDescriptor(e, k);
                Object.defineProperty(n, k, d.get ? d : {
                    enumerable: true,
                    get: function () { return e[k]; }
                });
            }
        });
    }
    n.default = e;
    return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespace(React);

const FlowHeader = /*#__PURE__*/React__namespace.forwardRef(({
  bottomContent,
  className,
  layout = layouts.Layout.HORIZONTAL,
  leftContent,
  rightContent
}, reference) => {
  const isVertical = layout === layouts.Layout.VERTICAL;
  return /*#__PURE__*/jsxRuntime.jsxs("div", {
    ref: reference,
    className: clsx.clsx('np-flow-header', 'd-flex', 'flex-wrap', 'align-items-center', 'justify-content-between', 'flex__item--12', className),
    children: [leftContent, rightContent, /*#__PURE__*/jsxRuntime.jsx("div", {
      className: clsx.clsx('align-items-center', 'd-flex', 'justify-content-center', {
        'flex__item--12': isVertical,
        'order-1 flex-grow-1': !isVertical
      }),
      children: bottomContent
    })]
  });
});

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