@zohodesk/dot/lib/v1/list/SecondaryText/HappinessRating.js

In this Library, we Provide Some Basic Components to Build Your Application

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = HappinessRating;

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

var _propTypes = require("./props/propTypes");

var _SecondaryTextModule = _interopRequireDefault(require("../../../list/SecondaryText/SecondaryText.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

/**** Libraries ****/

/**** CSS ****/
function HappinessRating(props) {
  var text = props.text,
      className = props.className,
      src = props.src;
  return /*#__PURE__*/_react["default"].createElement("div", {
    className: "".concat(_SecondaryTextModule["default"].happinessContainer, " ").concat(className ? className : '')
  }, /*#__PURE__*/_react["default"].createElement("img", {
    className: "".concat(_SecondaryTextModule["default"].happinessImg),
    src: src
  }), /*#__PURE__*/_react["default"].createElement("span", {
    className: _SecondaryTextModule["default"].ratingText,
    "data-title": text
  }, "".concat(text, "%")));
}

HappinessRating.propTypes = _propTypes.HappinessRating_propTypes;