@tra-tech/react-native-kitra/lib/commonjs/components/Modal/Modal.js

UI kit for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _reactNative = require("react-native");
var _utilities = require("../../utilities");
var _KitraProvider = require("../../core/KitraProvider");
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
const Modal = _ref => {
  let {
    theme,
    containerStyle,
    modalStyle,
    visible = false,
    children,
    ...props
  } = _ref;
  const [modalVisible, setModalVisible] = (0, _react.useState)(visible);
  (0, _react.useEffect)(() => {
    setModalVisible(visible);
  }, [visible]);
  return /*#__PURE__*/React.createElement(_reactNative.View, {
    style: {
      flex: 1
    }
  }, /*#__PURE__*/React.createElement(_reactNative.Modal, _extends({
    animationType: "slide",
    transparent: true,
    visible: modalVisible
  }, props), /*#__PURE__*/React.createElement(_reactNative.View, {
    style: [styles.centeredView, {
      backgroundColor: (0, _utilities.opacity)(String(theme === null || theme === void 0 ? void 0 : theme.lightBlack), 80)
    }, containerStyle]
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
    style: [styles.modalView, modalStyle]
  }, children))));
};
const styles = _reactNative.StyleSheet.create({
  centeredView: {
    justifyContent: 'center',
    alignItems: 'center'
  },
  modalView: {}
});
var _default = (0, _KitraProvider.applyDefaults)(Modal);
exports.default = _default;
//# sourceMappingURL=Modal.js.map