import React, { useEffect } from 'react'
import CustomSafeArea from '../../components/safeArea.component';
import Navigation from './Navigation';

const index = (props) => {
  
  
  useEffect(() => {
    const { navigation } = props.route.params;
    navigation.setOptions({tabBarStyle: {display: 'none'}});

    return () => {
      navigation.setOptions({tabBarStyle: {display: 'flex'}});
    }
  }, [])

  return (
    <CustomSafeArea>
      <Navigation />
    </CustomSafeArea>
  )
}

export default index