react-native-awesome-medialib/lib/commonjs/components/basic/ThreeStageNavigationBar.js

A useful media selector module base on native component

"use strict";

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

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

var _reactNative = require("react-native");

var _NavigationBar = _interopRequireDefault(require("./NavigationBar"));

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

const ThreeStageNavigationBar = props => {
  const middleView = () => {
    return props.title && props.title.length > 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
      style: {
        fontSize: 18
      }
    }, props.title) : props.middleItem && props.middleItem();
  };

  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: [styles.navigation, props.style]
  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: styles.itemContainer
  }, props.leftItem && props.leftItem()), middleView(), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: styles.itemContainer
  }, props.rightItem && props.rightItem()));
};

var _default = (0, _NavigationBar.default)(ThreeStageNavigationBar);

exports.default = _default;

const styles = _reactNative.StyleSheet.create({
  navigation: {
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between'
  },
  itemContainer: {
    height: '100%',
    width: 80,
    justifyContent: 'center'
  }
});
//# sourceMappingURL=ThreeStageNavigationBar.js.map