import React from 'react';
import PropTypes from 'prop-types';

import '../base';
import { visualProvided } from './VisualProvider';
import Spinner from './Spinner';
import styles from './VirtualList.EmptyItem.styl';

function LoadingListItem({ t, children }) {

  return (
    <div className={styles.container}>
      <div className={styles.icon}><Spinner /></div>
      <span className={styles.children}>{children || t('listLoadingMessage')}</span>
    </div>
  );
}

LoadingListItem.propTypes = {
  children: PropTypes.node
};

LoadingListItem.defaultProps = {
  children: undefined
};

export default visualProvided(LoadingListItem);