import { TabNavigator } from 'react-navigation';
import { Colors } from '../../components/ui';
import { ConversationList } from '../ConversationList';
import { EmployeeApplications } from './EmployeeApplications';
import { Jobs } from './EmployeeJobs';
import { Profile } from './Profile';

export const MainEmployee = TabNavigator({
  Search: {
    screen: Jobs,
    navigationOptions: () => ({
     title: 'Szukaj',
   }),
  },
  Jobs: {
    screen: EmployeeApplications,
    navigationOptions: () => ({
     title: 'Moje',
   }),
 },
  Chat: {
    screen: ConversationList,
    navigationOptions: () => ({
     title: 'Czat',
   }),
  },
  Profile: {
    screen: Profile,
    navigationOptions: () => ({
     title: 'Profil',
   }),
  },
}, {
  tabBarPosition: 'top',
  animationEnabled: true,
  tabBarOptions: {
    style: {
      backgroundColor: Colors.employee.primary,
    },
  },
});
