import {createAppContainer} from 'react-navigation';
import {createMaterialTopTabNavigator} from 'react-navigation-tabs';
import MyFavorite from '../MyFavorite/MyFavorite';
import YourPlaylist from '../YourPlaylist/YourPlaylist';

const TabNavigator = createMaterialTopTabNavigator(
  {
    Playlist: {
      screen: YourPlaylist,
    },
    Favorite: {
      screen: MyFavorite,
    },
  },
  {
    lazy: false,
    navigatorStyle: {
      statusBarTextColorScheme: 'light',
      statusBarColor: '#222325',
    },
    navigationOptions: ({navigation}) => ({
      headerTitleStyle: {
        color: '#fff',
      },
    }),
    tabBarOptions: {
      style: {
        backgroundColor: '#ff4865',
      },
      activeTintColor: '#fff',
      indicatorStyle: {
        backgroundColor: '#fff',
      },
    },
    animationEnabled: true,
  },
);

export default TabNavigator;