@gssfed/vital-ui-kit-react/dist/Badge/Badge.js

Vital UI Kit for React!

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _templateObject = _taggedTemplateLiteral(['\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.25rem 0.75rem;\n  border-radius: 0.75rem;\n  font-size: 0.725rem;\n\n  ', ';\n'], ['\n  display: inline-block;\n  vertical-align: middle;\n  padding: 0.25rem 0.75rem;\n  border-radius: 0.75rem;\n  font-size: 0.725rem;\n\n  ', ';\n']);

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

/**
 * 
 * Copyright © 2018 Galaxy Software Services https://github.com/GSS-FED/vital-ui-kit-react
 * MIT license
 */

import * as React from 'react';
import styled from 'styled-components';

import { trunTo } from '../utils/math';

var inverseOrNot = function inverseOrNot(_ref) {
  var inverse = _ref.inverse,
      theme = _ref.theme;
  return '\n  background-color: ' + (inverse ? theme.badge.inverseBg : theme.badge.bg) + ';\n  color: ' + (inverse ? theme.badge.inverseColor : theme.badge.color) + ';\n';
};

var Root = styled.span(_templateObject, inverseOrNot);

/**
 * @render react
 * @name Badge
 * @description Vital UI Kit Badge Label
 * @example
 * <Badge label="99+" />
 */

var Badge = function Badge(_ref2) {
  var label = _ref2.label,
      trunc = _ref2.trunc,
      inverse = _ref2.inverse,
      props = _objectWithoutProperties(_ref2, ['label', 'trunc', 'inverse']);

  return React.createElement(
    Root,
    _extends({ inverse: inverse }, props),
    trunc ? trunTo(label) : label
  );
};

Badge.defaultProps = {
  trunc: true,
  inverse: false
};

export default Badge;