@makeen.io/material-ui-kit/distr/atoms/IndicatorLabel/index.js

Makeen UI components kit. Based on material-ui.

import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";function _templateObject() {var data = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  font-size: 15px;\n  justify-content: center;\n  font-weight: 500;\n  & .indicators {\n    display: flex;\n    align-items: center;\n    & .count {\n      font-size: 12px;\n      color: ", ";\n    }\n    & .count-change {\n      font-size: 10px;\n      color: ", ";\n      margin-left: 5px;\n      margin-top: 2px;\n    }\n  }\n"]);_templateObject = function _templateObject() {return data;};return data;}import React from "react";
import styled from "styled-components";
var StyledLabel = styled.div(_templateObject(),










function (props) {return props.theme.palette.infoInvert.contrastText;},



function (props) {return props.diffType === "negative" ?
  props.theme.palette.warning.contrastText :
  props.diffType === "positive" ?
  props.theme.palette.success.contrastText :
  props.theme.palette.infoInvert.contrastText;});





export default (function (_ref) {var label = _ref.label,count = _ref.count,difference = _ref.difference,_ref$showDiff = _ref.showDiff,showDiff = _ref$showDiff === void 0 ? true : _ref$showDiff;
  var getDiff = function getDiff() {
    if (difference < 0) {
      return "".concat(difference);
    } else
    if (difference > 0) {
      return "+".concat(difference);
    }
  };
  return /*#__PURE__*/React.createElement(StyledLabel, { diffType: difference < 0 ? "negative" : "positive" }, /*#__PURE__*/
  React.createElement("div", null, label), /*#__PURE__*/
  React.createElement("div", { className: "indicators" }, /*#__PURE__*/
  React.createElement("div", { className: "count" }, count),
  showDiff ? /*#__PURE__*/React.createElement("div", { className: "count-change" }, getDiff()) : null));
});
// Usage
// diffType default negative if not provided, showDiff true if not provided
// <ExplorerIndicatorLabel label="Location" count="100" difference="20" diffType="positive" showDiff={false}/>
//# sourceMappingURL=index.js.map