import React, { Component } from 'react';
import Login from './Login';
import Splash from './Splash';

export default class Root extends Component {
  constructor(props) {
    super(props);
    this.state = { currentScreen: 'Splash' };
    setTimeout(() => {
      this.setState({ currentScreen: 'Login' });
    }, 3000);
  }

  render() {
    const { currentScreen } = this.state;
    const mainScreen = currentScreen === 'Splash' ? <Splash /> : <Login navigation={this.props.navigation} />
    return mainScreen;
  }
}