ndla-ui/es/Beta/BetaNotification.js

UI component library for NDLA.

import React from 'react';
import PropTypes from 'prop-types';
import BEMHelper from 'react-bem-helper';

import Button from 'ndla-button';
import SafeLink from '../common/SafeLink';

var classes = BEMHelper('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 React.createElement(
    'section',
    classes(),
    React.createElement(
      'div',
      { className: 'u-4/6@tablet u-push-1/6@tablet' },
      React.createElement(
        'h1',
        classes('heading'),
        heading
      ),
      React.createElement(
        'p',
        classes('text'),
        text,
        ' ',
        React.createElement(
          SafeLink,
          { to: readmoreLink },
          readmoreText
        )
      ),
      React.createElement(
        'div',
        classes('button-wrapper'),
        React.createElement(
          Button,
          { onClick: onAccept, outline: true },
          buttonText
        )
      )
    )
  );
};

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

export default BetaNotification;