content: 
  import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import { actions } from 'react-native-navigation-redux-helpers';
  import { Container, Header, Title, Content, Text, Button, Icon } from 'native-base';
  
  import { openDrawer } from '../../actions/drawer';
  import styles from './styles';
  
  const {
    popRoute,
  } = actions;
  
  class BlankPage extends Component {
  
    static propTypes = {
      name: React.PropTypes.string,
      index: React.PropTypes.number,
      list: React.PropTypes.arrayOf(React.PropTypes.string),
      openDrawer: React.PropTypes.func,
      popRoute: React.PropTypes.func,
      navigation: React.PropTypes.shape({
        key: React.PropTypes.string,
      }),
    }
  
    popRoute() {
      this.props.popRoute(this.props.navigation.key);
    }
  
    render() {
      const { props: { name, index, list } } = this;
  
      return (
        <Content padder>
          <Text>
            {(!isNaN(index)) ? list[index] : 'Create Something Awesome . . .'}
          </Text>
        </Content>
      );
    }
  }
  
  function bindAction(dispatch) {
    return {
      openDrawer: () => dispatch(openDrawer()),
      popRoute: key => dispatch(popRoute(key)),
    };
  }
  
  function mapStateToProps(state) {
    return {
      navigation: state.cardNavigation,
      name: state.user.get('name'),
      index: state.list.get('selectedIndex'),
      list: state.list.get('list').toJS(),
    };
  }
  
  export default connect(mapStateToProps, bindAction)(BlankPage);
  