@quoine/core/components/ColorBySide/index.jsx

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

import styles from './styles.css';

const ColorBySide = ({ side, children }) => (
  <span className={styles[side]}>
    {children}
  </span>
);

ColorBySide.propTypes = {
  side: PropTypes.oneOf([
    'buy', 'sell', 'long', 'short', 'both', 'negative', 'positive', 'light',
    'in', 'out',
  ]).isRequired,
  children: PropTypes.node.isRequired,
};

export default ColorBySide;