import { TabNavigator } from 'react-navigation';
import { Colors } from '../../components/ui';
import { ConversationList } from '../ConversationList';
import { EmployeeList } from './EmployeeList';
import { EmployerJobs } from './EmployerJobs';
import { Profile } from './Profile';

export const MainEmployer = TabNavigator({
  MyJobs: {
    screen: EmployerJobs,
    navigationOptions: () => ({
      title: 'Oferty',
    }),
  },
  Search: {
    screen: EmployeeList,
    navigationOptions: () => ({
     title: 'Szukaj',
   }),
  },
  Chat: {
    screen: ConversationList,
    navigationOptions: () => ({
     title: 'Czat',
   }),
  },
  Profile: {
    screen: Profile,
    navigationOptions: () => ({
     title: 'Profil',
   }),
  },
}, {
    tabBarPosition: 'top',
    animationEnabled: true,
    tabBarOptions: {
      style: {
        backgroundColor: Colors.employer.primary,
      },
    },
  });
