import React, {Component} from 'react';
import {View, Text, StatusBar, SafeAreaView} from 'react-native';
import {getFontXD, HEIGHT, WIDTHXD} from '../../Config/Functions';
import Tab1 from './Tab1/Tab1';
import Tab2 from './Tab2/Tab2';
import Tab3 from './Tab3/Tab3';

import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs';
const Tab = createMaterialTopTabNavigator();

const NewFeed = (props) => {
  return (
    <View style={{flex: 1}}>
      <StatusBar backgroundColor={'#BCD7F8'} />
      <SafeAreaView style={{backgroundColor: '#BCD7F8'}} />
      <Tab.Navigator
        initialRouteName="GeneralInfor"
        tabBarOptions={{
          inactiveTintColor: '#929292',
          activeTintColor: '#1473E6',
          labelStyle: {fontSize: getFontXD(36), fontWeight: '700'},
          style: {backgroundColor: 'white'},
        }}>
        <Tab.Screen
          name="Tab1"
          component={Tab1}
          options={{tabBarLabel: 'Chiến lược'}}
        />
        <Tab.Screen
          name="Tab2"
          component={Tab2}
          options={{tabBarLabel: 'Tin tức'}}
        />
      </Tab.Navigator>
    </View>
  );
};

export default NewFeed;
