onboardsync-react-native/lib/screens/FallbackScreen.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.FallbackScreen = void 0;
const react_1 = __importDefault(require("react"));
const react_native_1 = require("react-native");
const FallbackScreen = ({ appName, onClose, backgroundColor = '#FFFFFF', textColor = '#000000', }) => {
    return (<react_native_1.View style={[styles.container, { backgroundColor }]}>
      <react_native_1.View style={styles.content}>
        <react_native_1.Text style={[styles.title, { color: textColor }]}>
          Welcome to {appName}!
        </react_native_1.Text>
        
        <react_native_1.Text style={[styles.subtitle, { color: textColor }]}>
          We&apos;re excited to have you on board
        </react_native_1.Text>
        
        <react_native_1.TouchableOpacity style={[styles.button, { borderColor: textColor }]} onPress={onClose} activeOpacity={0.8}>
          <react_native_1.Text style={[styles.buttonText, { color: textColor }]}>
            Get Started
          </react_native_1.Text>
        </react_native_1.TouchableOpacity>
      </react_native_1.View>
    </react_native_1.View>);
};
exports.FallbackScreen = FallbackScreen;
const styles = react_native_1.StyleSheet.create({
    container: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    content: {
        alignItems: 'center',
        paddingHorizontal: 40,
    },
    title: {
        fontSize: 28,
        fontWeight: 'bold',
        marginBottom: 16,
        textAlign: 'center',
    },
    subtitle: {
        fontSize: 18,
        marginBottom: 48,
        textAlign: 'center',
        opacity: 0.7,
    },
    button: {
        paddingHorizontal: 32,
        paddingVertical: 12,
        borderRadius: 24,
        borderWidth: 2,
    },
    buttonText: {
        fontSize: 16,
        fontWeight: '600',
    },
});
//# sourceMappingURL=FallbackScreen.js.map