text: import React from "react";
  import { createAppContainer } from "react-navigation";
  import { createStackNavigator } from "react-navigation-stack";
  import { ApolloProvider } from "@apollo/react-hooks";
  
  import Feed from "./screens/Feed";
  import Thread from "./screens/Thread";
  import NewStatus from "./screens/NewStatus";
  
  import { Button } from "./components/Button";
  
  import { client } from "./graphql/client";
  
  const AppNavigator = createStackNavigator({
    Feed: {
      screen: Feed,
      navigationOptions: ({ navigation }) => ({
        headerTitle: "Home",
        headerRight: (
          <Button
            text="New Status"
            onPress={() => navigation.navigate("NewStatus")}
          />
        )
      })
    },
    Thread: {
      screen: Thread
    }
  });
  
  const ModalNavigator = createStackNavigator(
    {
      App: AppNavigator,
      NewStatus: {
        screen: NewStatus,
        navigationOptions: {
          headerTitle: "New Status"
        }
      }
    },
    {
      mode: "modal",
      headerMode: "none"
    }
  );
  
  const App = createAppContainer(ModalNavigator);
  
  export default () => (
    <ApolloProvider client={client}>
      <App />
    </ApolloProvider>
  );
  