text: import PropTypes from 'prop-types';
  
  import glamorous from 'glamorous';
  
  const Indicator = glamorous.div(
    ({ color, size }) => ({
      boxSizing: 'border-box',
      padding: `0 ${size / 2}px`,
      minWidth: size,
      minHeight: size,
      fontSize: size / 1.4,
      lineHeight: `${size}px`,
      color: 'white',
      textTransform: 'uppercase',
      borderRadius: size / 2,
      backgroundColor: color,
    }),
    ({ styles }) => ({
      ...styles,
    })
  );
  
  Indicator.defaultProps = {
    right: false,
    children: '',
  };
  
  Indicator.propTypes = {
    color: PropTypes.string.isRequired,
    size: PropTypes.number.isRequired,
    children: PropTypes.node,
    right: PropTypes.bool,
  };
  
  export default Indicator;
  