ndla-ui/lib/NoContentBox/NoContentBox.js

UI component library for NDLA.

'use strict';

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

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _propTypes = require('prop-types');

var _propTypes2 = _interopRequireDefault(_propTypes);

var _reactBemHelper = require('react-bem-helper');

var _reactBemHelper2 = _interopRequireDefault(_reactBemHelper);

var _ndlaButton = require('ndla-button');

var _ndlaButton2 = _interopRequireDefault(_ndlaButton);

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

/**
 * Copyright (c) 2017-present, NDLA.
 *
 * This source code is licensed under the GPLv3 license found in the
 * LICENSE file in the root directory of this source tree.
 *
 */

var classes = new _reactBemHelper2.default({
  name: 'topic-resource',
  prefix: 'c-'
});

var NoContentBox = exports.NoContentBox = function NoContentBox(_ref) {
  var buttonText = _ref.buttonText,
      text = _ref.text,
      onClick = _ref.onClick;
  return _react2.default.createElement(
    'div',
    classes('additional-resources-trigger'),
    _react2.default.createElement(
      'span',
      null,
      _react2.default.createElement(
        'div',
        null,
        _react2.default.createElement(
          'p',
          null,
          text
        ),
        onClick && _react2.default.createElement(
          _ndlaButton2.default,
          { outline: true, onClick: onClick },
          buttonText
        )
      )
    )
  );
};

NoContentBox.propTypes = {
  onClick: _propTypes2.default.func,
  buttonText: _propTypes2.default.string,
  text: _propTypes2.default.string.isRequired
};

NoContentBox.defaultProps = {
  onClick: null,
  buttonText: undefined
};

exports.default = NoContentBox;