content: import React from 'react';
  import { DrawerNavigator } from 'react-navigation';
  import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
  
  import ContentMenu from '../../Components/ContentMenu';
  
  import Chat from '../Chat';
  import Resume from '../Resume';
  import Goals from '../Goals';
  import Tasks from '../Tasks';
  
  import theme from '../../theme';
  
  const { color, fontSize } = theme;
  
  Chat.navigationOptions = () => ({
    header: null,
    drawerLabel: 'Tintina',
    drawerIcon: <Icon name="message-outline" color={color.white} size={18} />,
  });
  
  Resume.navigationOptions = () => ({
    header: null,
    drawerLabel: 'Resumen',
    drawerIcon: <Icon name="bulletin-board" color={color.white} size={18} />,
  });
  
  Goals.navigationOptions = () => ({
    header: null,
    drawerLabel: 'Metas',
    drawerIcon: <Icon name="heart" color={color.white} size={18} />,
  });
  
  Tasks.navigationOptions = () => ({
    header: null,
    drawerLabel: 'Tareas',
    drawerIcon: <Icon name="format-list-checks" color={color.white} size={18} />,
  });
  
  export default DrawerNavigator(
    {
      Chat: {
        screen: Chat,
      },
      Resume: {
        screen: Resume,
      },
      Goals: {
        screen: Goals,
      },
      Tasks: {
        screen: Tasks,
      },
    },
    {
      contentComponent: props => <ContentMenu {...props} />,
      contentOptions: {
        activeTintColor: color.white,
        inactiveTintColor: color.white,
        labelStyle: {
          fontSize: fontSize.button,
          fontWeight: '400',
        },
      },
    },
  );
  