@appearhere/bloom/components/Type/Statement/Statement.js

Appear Here's pattern library and styleguide

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

import css from './Statement.css';

const Statement = ({ children, className, number, ...rest }) => (
  <span>
    <strong {...rest} className={cx(css.statement, className)} >
      { children }
    </strong>
    { number && <span className={cx(css.number)}>{ number }</span> }
  </span>
);

Statement.propTypes = {
  number: PropTypes.number,
  children: PropTypes.node.isRequired,
  className: PropTypes.string,
};

export default Statement;