wix-style-react/dist/src/FunnelChart/FunnelLabel/FunnelLabel.js

wix-style-react

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.FunnelLabel = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Text = _interopRequireDefault(require("../../Text"));

var _constants = require("../constants");

var _FunnelLabelSt = require("./FunnelLabel.st.css");

var FunnelLabel = function FunnelLabel(_ref) {
  var value = _ref.value,
      label = _ref.label,
      displayValue = _ref.displayValue;
  var numberToPresent = displayValue ? displayValue : value;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: _FunnelLabelSt.classes.root
  }, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
    dataHook: _constants.dataHooks.labelValue,
    weight: "bold",
    ellipsis: true
  }, numberToPresent), /*#__PURE__*/_react["default"].createElement(_Text["default"], {
    dataHook: _constants.dataHooks.labelText,
    size: "small",
    secondary: true,
    ellipsis: true
  }, label));
};

exports.FunnelLabel = FunnelLabel;
FunnelLabel.propTypes = {
  /** Label's value */
  value: _propTypes["default"].number,

  /** Label's content */
  label: _propTypes["default"].string.isRequired,

  /** Label's value send by the user */
  displayValue: _propTypes["default"].string
};