function _templateObject() {
  var data = _taggedTemplateLiteral(["\n  background-color: #ffffff;\n  span {\n    background-color: ", ";\n  }\n"]);

  _templateObject = function _templateObject() {
    return data;
  };

  return data;
}

function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

import { jsx, css } from "@emotion/core";
import PropTypes from "prop-types";
import { Badge as MaterialBadge } from "@material-ui/core";

var badgeClass = function badgeClass(color) {
  return css(_templateObject(), color);
};

function Badge(_ref) {
  var children = _ref.children,
      value = _ref.value,
      color = _ref.color;
  return jsx(MaterialBadge, {
    css: badgeClass(color),
    badgeContent: value,
    color: "primary"
  }, children);
}

Badge.defaultProps = {
  value: 42,
  color: "#AAA4AB"
};
Badge.propTypes = {
  children: PropTypes.node.isRequired,
  value: PropTypes.number,
  color: PropTypes.string
};
export default Badge;