@nomios/web-uikit/dist/components/badge/Badge.js

Nomios' living web UIKit

import React from 'react';
import classNames from 'classnames';
import PropTypes from 'prop-types';
import styles from './Badge.css';

const Badge = ({
  selected,
  disabled,
  hideOverflow,
  children,
  onClick,
  className,
  ...rest
}) => {
  const finalClassName = classNames(styles.badge, selected && styles.selected, hideOverflow && styles['hide-overflow'], className);
  return React.createElement("button", Object.assign({}, rest, {
    onClick: onClick,
    className: finalClassName,
    disabled: disabled
  }), React.createElement("div", null, React.createElement("span", null, children)));
};

Badge.propTypes = {
  selected: PropTypes.bool,
  disabled: PropTypes.bool,
  onClick: PropTypes.func,
  className: PropTypes.string,
  hideOverflow: PropTypes.bool,
  children: PropTypes.node.isRequired
};
Badge.defaultProps = {
  hideOverflow: true
};
export default Badge;