import { createMaterialTopTabNavigator } from 'react-navigation';

import ProfileScreen from '../../screens/profile/ProfileScreen';
import EventsScreen from '../../screens/profile/EventsScreen';

const profileTabBarOptions = {
  upperCaseLabel: false,
  activeTintColor: 'white',
  inactiveTintColor: '#53ACF0',
  lazy: true,
  labelStyle: {
    margin: 1,
    fontSize: 13,
  },
  tabStyle: {
    borderColor: '#53ACF0',
    borderWidth: 1,
    padding: 5
  },
  indicatorStyle: {
    backgroundColor: '#53ACF0',
    bottom: 0,
    height: 50,
  },
  style: {
    backgroundColor: 'transparent',
  }
};

export default createMaterialTopTabNavigator(
  {
    'Basic Info': ProfileScreen,
    Events: EventsScreen
  },
  {
    tabBarOptions: profileTabBarOptions
  });
