@appearhere/bloom/components/Medallion/Medallion.js

Appear Here's pattern library and styleguide

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

import css from './Medallion.css';

const Medallion = ({ className, variant, children, ...rest }) => (
  <span {...rest} className={cx(css.root, css[variant], className)}>
    {children}
  </span>
);

Medallion.propTypes = {
  className: PropTypes.string,
  children: PropTypes.node,
  variant: PropTypes.oneOf(['light', 'dark']),
};

Medallion.defaultProps = {
  variant: 'light',
};

export default Medallion;