onboardsync-react-native/lib/screens/LoadingScreen.js

Expo SDK for OnboardSync - Remote onboarding configuration platform with A/B testing

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.LoadingScreen = void 0;
const react_1 = __importDefault(require("react"));
const react_native_1 = require("react-native");
const colorUtils_1 = require("../utils/colorUtils");
const LoadingScreen = ({ backgroundColor = '#FFFFFF', }) => {
    const textColor = colorUtils_1.ColorUtils.getContrastColor(backgroundColor);
    return (<react_native_1.View style={[styles.container, { backgroundColor }]}>
      <react_native_1.View style={styles.content}>
        <react_native_1.ActivityIndicator size="large" color={textColor} style={styles.spinner}/>
        <react_native_1.Text style={[styles.text, { color: textColor }]}>
          Setting up your onboarding
        </react_native_1.Text>
      </react_native_1.View>
    </react_native_1.View>);
};
exports.LoadingScreen = LoadingScreen;
const styles = react_native_1.StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    content: {
        alignItems: 'center',
    },
    spinner: {
        marginBottom: 20,
    },
    text: {
        fontSize: 16,
        fontWeight: '500',
    },
});
//# sourceMappingURL=LoadingScreen.js.map