ndla-ui/lib/Beta/BetaNotification.js

UI component library for NDLA.

'use strict';

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

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);

var _SafeLink = require('../common/SafeLink');

var _SafeLink2 = _interopRequireDefault(_SafeLink);

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

var classes = (0, _reactBemHelper2.default)('c-beta-notification');
var BetaNotification = function BetaNotification(_ref) {
  var _ref$messages = _ref.messages,
      heading = _ref$messages.heading,
      text = _ref$messages.text,
      readmoreText = _ref$messages.readmoreText,
      readmoreLink = _ref$messages.readmoreLink,
      buttonText = _ref$messages.buttonText,
      onAccept = _ref.onAccept;
  return _react2.default.createElement(
    'section',
    classes(),
    _react2.default.createElement(
      'div',
      { className: 'u-4/6@tablet u-push-1/6@tablet' },
      _react2.default.createElement(
        'h1',
        classes('heading'),
        heading
      ),
      _react2.default.createElement(
        'p',
        classes('text'),
        text,
        ' ',
        _react2.default.createElement(
          _SafeLink2.default,
          { to: readmoreLink },
          readmoreText
        )
      ),
      _react2.default.createElement(
        'div',
        classes('button-wrapper'),
        _react2.default.createElement(
          _ndlaButton2.default,
          { onClick: onAccept, outline: true },
          buttonText
        )
      )
    )
  );
};

BetaNotification.propTypes = {
  messages: _propTypes2.default.shape({
    heading: _propTypes2.default.string.isRequired,
    text: _propTypes2.default.string.isRequired,
    readmoreText: _propTypes2.default.string.isRequired,
    readmoreLink: _propTypes2.default.string.isRequired,
    buttonText: _propTypes2.default.string.isRequired
  }),
  onAccept: _propTypes2.default.func.isRequired
};

exports.default = BetaNotification;