/**
 * @flow
 */

import React from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} from 'react-native';

import HybridContainer from './HybridContainer';

const NotFoundComponent = () => (
  <View style={styles.container}>
    <Text style={styles.welcome}>
      Screen not found!
    </Text>
  </View>
);

const HelloHybrid = HybridContainer({
  Settings: require('./screens/Settings'),
  Story: require('./screens/Story'),
  NotFoundComponent,
});


const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

AppRegistry.registerComponent('HelloHybrid', () => HelloHybrid);