import React from 'react'
import {
  DrawerItems,
  SafeAreaView,
} from 'react-navigation'
import { ScrollView, StyleSheet, View } from 'react-native'
import FooterSenatics from './FooterSenatics'
import Logo from './Logo'

const styles = StyleSheet.create({
  safeArea: {
    flex: 1,
    justifyContent: 'flex-start',
  },
  container: {
    flex: 1,
  },
  contentContainer: {
    justifyContent: 'space-between',
    flexDirection: 'column',
    alignItems: 'stretch'
  }
})

export default (props) => (
  <View style={[styles.container, styles.contentContainer]}>
    <ScrollView style={styles.container}>
      <SafeAreaView style={styles.safeArea} forceInset={{ top: 'always', horizontal: 'never' }}>
      <Logo />
      <DrawerItems {...props} />
      </SafeAreaView>
    </ScrollView>
    <FooterSenatics />
  </View>
)