@appearhere/bloom/components/SignPost/SignPost.js

Appear Here's pattern library and styleguide

import PropTypes from 'prop-types';
import React from 'react';
import cx from 'classnames';

import css from './SignPost.css';

const SignPost = ({ title, children, className, ...rest }) => (
  <div {...rest} className={cx(css.root, className)}>
    <span className={css.title}>
      { title }
    </span>
    <div className={css.body}>
      { children }
    </div>
  </div>
);

SignPost.propTypes = {
  title: PropTypes.node.isRequired,
  children: PropTypes.node.isRequired,
  className: PropTypes.string,
};

export default SignPost;