ndla-ui/es/Subject/SubjectAbout.js

UI component library for NDLA.

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

var classes = BEMHelper('c-subject-about');

var SubjectAbout = function SubjectAbout(_ref) {
  var fixedWidth = _ref.fixedWidth,
      media = _ref.media,
      heading = _ref.heading,
      description = _ref.description;
  return React.createElement(
    'section',
    classes('', { fixedWidth: fixedWidth }),
    React.createElement(
      SectionHeading,
      { large: true, className: classes('top-heading').className },
      heading
    ),
    React.createElement(
      'div',
      classes('media-wrapper'),
      media
    ),
    React.createElement(
      'div',
      classes('content'),
      React.createElement(
        'h1',
        classes('main-heading'),
        heading
      ),
      React.createElement(
        'p',
        classes('description'),
        description
      )
    )
  );
};

SubjectAbout.propTypes = {
  fixedWidth: PropTypes.bool,
  media: PropTypes.node.isRequired,
  heading: PropTypes.string.isRequired,
  description: PropTypes.string.isRequired
};

SubjectAbout.defaultProps = {
  fixedWidth: false
};

export default SubjectAbout;