content: // @flow
  
  import React, { Component } from 'react';
  import { Text, View } from 'react-native';
  
  import { translate } from '../../../i18n';
  import { Icon, IconMenuDown } from '../../../icons';
  
  import styles from './styles';
  
  type Props = {
  
      /**
       * The translate function.
       */
      t: Function,
  };
  
  /**
   * Implements a React Native {@link Component} that is to be displayed when the
   * list is empty.
   *
   * @augments Component
   */
  class NavigateSectionListEmptyComponent extends Component<Props> {
      /**
       * Implements React's {@link Component#render()}.
       *
       * @inheritdoc
       * @returns {ReactElement}
       */
      render() {
          const { t } = this.props;
  
          return (
              <View style = { styles.pullToRefresh }>
                  <Text style = { styles.pullToRefreshText }>
                      { t('sectionList.pullToRefresh') }
                  </Text>
                  <Icon
                      src = { IconMenuDown }
                      style = { styles.pullToRefreshIcon } />
              </View>
          );
      }
  }
  
  export default translate(NavigateSectionListEmptyComponent);
  