@appearhere/bloom/components/Badge/Badge.js

Appear Here's pattern library and styleguide

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

import css from './Badge.css';

const Badge = ({ className, children, context, hollow, ...rest }) => (
  <span {...rest} className={cx(css.root, css[context], hollow ? css.hollow : null, className)}>
    {children}
  </span>
);

Badge.propTypes = {
  className: PropTypes.string,
  children: PropTypes.any,
  context: PropTypes.oneOf(['primary', 'special']),
  hollow: PropTypes.bool,
};

export default Badge;