@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;