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

wix-style-react

import React from 'react';
import PropTypes from 'prop-types';
import Text from '../../Text';
import { dataHooks } from '../constants';
import { classes } from './FunnelLabel.st.css';
export var FunnelLabel = function FunnelLabel(_ref) {
  var value = _ref.value,
      label = _ref.label,
      displayValue = _ref.displayValue;
  var numberToPresent = displayValue ? displayValue : value;
  return /*#__PURE__*/React.createElement("div", {
    className: classes.root
  }, /*#__PURE__*/React.createElement(Text, {
    dataHook: dataHooks.labelValue,
    weight: "bold",
    ellipsis: true
  }, numberToPresent), /*#__PURE__*/React.createElement(Text, {
    dataHook: dataHooks.labelText,
    size: "small",
    secondary: true,
    ellipsis: true
  }, label));
};
FunnelLabel.propTypes = {
  /** Label's value */
  value: PropTypes.number,

  /** Label's content */
  label: PropTypes.string.isRequired,

  /** Label's value send by the user */
  displayValue: PropTypes.string
};