ndla-ui/lib/Portrait/Portrait.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);

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

var classes = new _reactBemHelper2.default({
  name: 'portrait',
  prefix: 'c-'
}); /**
     * Copyright (c) 2016-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 Portrait = function Portrait(_ref) {
  var src = _ref.src,
      alt = _ref.alt,
      modifier = _ref.modifier,
      className = _ref.className;
  return _react2.default.createElement(
    'div',
    classes('', modifier, className),
    _react2.default.createElement('span', {
      role: 'img',
      'aria-label': alt,
      style: { backgroundImage: 'url(' + src + ')' }
    })
  );
};

Portrait.propTypes = {
  src: _propTypes2.default.string.isRequired,
  alt: _propTypes2.default.string.isRequired,
  className: _propTypes2.default.string,
  modifier: _propTypes2.default.oneOf(['small', 'large'])
};

Portrait.defaultProps = {
  className: null,
  modifier: null
};

exports.default = Portrait;