'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = RecordBrowser;

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _RecordBrowserNavBar = require('./RecordBrowserNavBar');

var _RecordBrowserNavBar2 = _interopRequireDefault(_RecordBrowserNavBar);

var _RecordEditorContainer = require('../../containers/record/RecordEditorContainer');

var _RecordEditorContainer2 = _interopRequireDefault(_RecordEditorContainer);

var _RecordBrowser = require('../../../styles/cspace-ui/RecordBrowser.css');

var _RecordBrowser2 = _interopRequireDefault(_RecordBrowser);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var propTypes = {
  config: _react.PropTypes.object,
  csid: _react.PropTypes.string,
  recordType: _react.PropTypes.string,
  vocabulary: _react.PropTypes.string
};

function RecordBrowser(props) {
  var config = props.config,
      csid = props.csid,
      recordType = props.recordType,
      vocabulary = props.vocabulary;


  return _react2.default.createElement(
    'div',
    { className: _RecordBrowser2.default.common },
    _react2.default.createElement(_RecordBrowserNavBar2.default, { csid: csid }),
    _react2.default.createElement(_RecordEditorContainer2.default, {
      config: config,
      csid: csid,
      recordType: recordType,
      vocabulary: vocabulary
    })
  );
}

RecordBrowser.propTypes = propTypes;