@tra-tech/react-native-kitra
Version:
UI kit for React Native
43 lines • 1.57 kB
JavaScript
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); }
import { useState, useEffect } from 'react';
import { View, Modal as RNModal, StyleSheet } from 'react-native';
import { opacity } from '../../utilities';
import { applyDefaults } from '../../core/KitraProvider';
const Modal = _ref => {
let {
theme,
containerStyle,
modalStyle,
visible = false,
children,
...props
} = _ref;
const [modalVisible, setModalVisible] = useState(visible);
useEffect(() => {
setModalVisible(visible);
}, [visible]);
return /*#__PURE__*/React.createElement(View, {
style: {
flex: 1
}
}, /*#__PURE__*/React.createElement(RNModal, _extends({
animationType: "slide",
transparent: true,
visible: modalVisible
}, props), /*#__PURE__*/React.createElement(View, {
style: [styles.centeredView, {
backgroundColor: opacity(String(theme === null || theme === void 0 ? void 0 : theme.lightBlack), 80)
}, containerStyle]
}, /*#__PURE__*/React.createElement(View, {
style: [styles.modalView, modalStyle]
}, children))));
};
const styles = StyleSheet.create({
centeredView: {
justifyContent: 'center',
alignItems: 'center'
},
modalView: {}
});
export default applyDefaults(Modal);
//# sourceMappingURL=Modal.js.map