import React from 'react';
import { Row, Col, Button } from 'react-bootstrap';
import DocumentsList from '../containers/DocumentsList.js';

const Documents = () => (
  <Row>
    <Col xs={ 12 }>
      <div className="page-header clearfix">
        <h4 className="pull-left">Documents</h4>
        <Button
          bsStyle="success"
          className="pull-right"
          href="/documents/new"
        >New Document</Button>
      </div>
      <DocumentsList />
    </Col>
  </Row>
);

export default Documents;