import React from 'react';
import { View, Text } from 'react-native';
import { Scene, Router, Actions } from 'react-native-router-flux';
import RegisterForm from './components/RegisterForm';
import LoginForm from './components/LoginForm';
import LiveVideo from './components/LiveVideo';
import ListaCursadas from './components/ListaCursadas';
import Cursada from './components/Cursada';
import Clase from './components/Clase';
import Profesor from './components/Profesor';

const scenes = Actions.create(
	<Scene key="container">

		<Scene key="auth">
			<Scene key="login" component={LoginForm} title="Ingresar" initial />
			<Scene key="register" component={RegisterForm} title="Registrarse" />
		</Scene>

		<Scene key="main">
			<Scene key="ListaCursadas" rightTitle="Curso en vivo" onRight={ () => Actions.Live() } component={ListaCursadas} title="Cursadas" />
			<Scene key="ViewCursada" component={Cursada} title="Clases" />
			<Scene key="ViewClase" component={Clase} title="Clase" />
			<Scene key="ViewProf" component={Profesor} title="Profesor" />
			<Scene key="Live" title="Curso en vivo" component={LiveVideo} />
		</Scene>

	</Scene>
);

const RouterComponent = () => {
	return (
		<Router sceneStyle={{ paddingTop: 55 }} scenes={scenes} />
	);
};

export default RouterComponent;