ndla-ui/lib/Beta/BetaNavigation.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 _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-navigation');
var BetaNavigation = function BetaNavigation(_ref) {
  var links = _ref.links;
  return _react2.default.createElement(
    'nav',
    classes(),
    _react2.default.createElement(
      'ul',
      null,
      links.map(function (link) {
        return _react2.default.createElement(
          'li',
          { key: link.url },
          _react2.default.createElement(
            _SafeLink2.default,
            { to: link.url },
            link.text
          )
        );
      })
    )
  );
};

BetaNavigation.propTypes = {
  links: _propTypes2.default.arrayOf(_propTypes2.default.shape({
    url: _propTypes2.default.string.isRequired,
    text: _propTypes2.default.string.isRequired
  })).isRequired
};

exports.default = BetaNavigation;