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

A useful media selector module base on native component

"use strict";

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

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

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

var _reactNativeIphoneXHelper = require("react-native-iphone-x-helper");

var _Colors = require("../../utils/Colors");

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

const MediaLibraryBottomToolBar = props => {
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: bottomToolBarStyle().container
  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: bottomToolBarStyle().background
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: bottomToolBarStyle().selectCountText
  }, "\u5DF2\u9009 ", props.selectedMediaCount, " \u5F20"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
    disabled: props.selectedMediaCount === 0,
    onPress: () => props.onDoneButtonPress(),
    style: bottomToolBarStyle().doneButton
  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
    style: bottomToolBarStyle(props.selectedMediaCount).doneButtonText
  }, "\u4E0B\u4E00\u6B65"))));
};

exports.MediaLibraryBottomToolBar = MediaLibraryBottomToolBar;

const bottomToolBarStyle = selectCount => _reactNative.StyleSheet.create({
  container: {
    height: (0, _reactNativeIphoneXHelper.isIphoneX)() ? 84 : 50,
    backgroundColor: _Colors.black1A
  },
  background: {
    height: 50,
    backgroundColor: _Colors.black1A,
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'space-between'
  },
  selectCountText: {
    color: _Colors.white,
    fontSize: 14,
    left: 16,
    fontWeight: '600'
  },
  doneButton: {
    width: 56,
    height: 25,
    right: 16,
    justifyContent: 'center'
  },
  doneButtonText: {
    fontSize: 18,
    fontWeight: '600',
    color: selectCount && selectCount > 0 ? _Colors.white : _Colors.gray73
  }
});

exports.bottomToolBarStyle = bottomToolBarStyle;
//# sourceMappingURL=MediaLibraryBottomToolBar.js.map