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

UI kit for React Native

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _utilities = require("../../utilities");
var _KitraProvider = require("../../core/KitraProvider");
const styles = _reactNative.StyleSheet.create({
  centeredView: {
    zIndex: 100,
    flex: 1,
    width: '100%',
    height: '100%',
    alignItems: 'center',
    justifyContent: 'center'
  },
  modalView: {
    borderRadius: 20,
    width: 150,
    height: 150
  }
});
const ActivityIndicator = _ref => {
  let {
    theme,
    children
  } = _ref;
  return /*#__PURE__*/React.createElement(_reactNative.View, {
    style: [styles.centeredView, {
      backgroundColor: (0, _utilities.opacity)(String(theme === null || theme === void 0 ? void 0 : theme.lightBlack), 80)
    }]
  }, /*#__PURE__*/React.createElement(_reactNative.View, {
    style: [styles.modalView]
  }, children || /*#__PURE__*/React.createElement(_reactNative.ActivityIndicator, {
    size: "large",
    color: theme === null || theme === void 0 ? void 0 : theme.primary
  })));
};
var _default = (0, _KitraProvider.applyDefaults)(ActivityIndicator);
exports.default = _default;
//# sourceMappingURL=ActivityIndicator.js.map