import React, { Component } from 'react';
import { Text, View } from 'react-native';
import { ViroARSceneNavigator, ViroARScene } from 'react-viro';
import { createAppContainer, createDrawerNavigator } from 'react-navigation';

class TextPage extends Component {
  render() {
    return (
      <View style={{ padding: 20 }}>
        <Text>Drag from the left side of the screen to open te drawer.</Text>
        <Text>Navigate to the AR-page, back to this (Text) page and back to AR-Page.</Text>
        <Text>This crashes the app.</Text>
      </View>
    );
  }
}

const ARPage = () => (
  <ViroARSceneNavigator
    apiKey="2F2BE0D7-B606-4199-87B1-903DD36B9C3D"
    initialScene={{ scene: ViroARScene }}
  />
);

const navigator = createDrawerNavigator({
  Text: TextPage,
  AR: ARPage,
});

export const NavContainer = createAppContainer(navigator);

export default class ViroSample extends Component {
  render() {
    return (
      <NavContainer />
    );
  }
}

module.exports = ViroSample