<template>
  <root>
    <app-navigation></app-navigation>
  </root>
</template>

<script>
import {
  createAppContainer,
  createStackNavigator,
  createDrawerNavigator
} from "vue-native-router";
import { Root } from "native-base";

import SideBarScreen from "./screens/sidebar/index.vue";
import CardImageScreen from "./screens/card/cardImage";

const Drawer = createDrawerNavigator(
  {
    NHCardImage: { screen: CardImageScreen }
  },
  {
    initialRouteName: "NHCardImage",
    contentOptions: {
      activeTintColor: "#e91e63"
    },
    contentComponent: SideBarScreen
  }
);

const AppNavigation = createAppContainer(
  createStackNavigator(
    {
      Drawer: { screen: Drawer }
    },
    {
      initialRouteName: "Drawer",
      headerMode: "none"
    }
  )
);
export default {
  components: { Root, AppNavigation }
};
</script>
