'use strict';

import React from 'react';
import ReactNative, {
	AppRegistry,
	Platform,
	StyleSheet,
	Dimensions,
	TouchableOpacity,
	View,
} from 'react-native';

import {
	Provider,
	connect
} from 'react-redux';

import configureStore from './store/configureStore';
import {Record, List, Map} from 'immutable';

import appInitialState from './reducers/app/appInitialState';
import personalInfoInitialState from './reducers/personalInfo/personalInfoInitialState';

import PersonalInfoContainer from './containers/PersonalInfoContainer';

import {
	setPlatform,
	setHost,
	setServiceHost,
} from './reducers/app/appActions';

function getInitialState() {
	const _initState = {
		app: (new appInitialState()),
		personalInfo: (new personalInfoInitialState()),
	};
	return _initState;
}

export default function native(platform) {

	let YH_PersonalInfo = React.createClass({
		render() {
		  	const store = configureStore(getInitialState());

			return (
				<Provider store={store}>
					<PersonalInfoContainer />
				</Provider>
			);
		}
	});

	AppRegistry.registerComponent('YH_PersonalInfo', () => YH_PersonalInfo);
}

let styles = StyleSheet.create({

});