import React from 'react';
import { ListGroup, Alert } from 'react-bootstrap';
import { Document } from './document.js';

export const DocumentsList = ({ documents }) => (
  documents.length > 0 ? <ListGroup className="documents-list">
    {documents.map((doc) => (
      <Document key={ doc._id } document={ doc } />
    ))}
  </ListGroup> :
  <Alert bsStyle="warning">No documents yet.</Alert>
);

DocumentsList.propTypes = {
  documents: React.PropTypes.array,
};