@wulperstudio/cms/node/components/WRanking/WRanking.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _helpers = require("../../helpers");
var _jsxRuntime = require("react/jsx-runtime");
var WRanking = function WRanking(_ref) {
  var rating = _ref.rating;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
    direction: "row",
    alignItems: "center",
    spacing: 2,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
      children: rating.toFixed(1)
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Rating, {
      name: "ranking-feedback",
      value: rating,
      readOnly: true,
      precision: 0.5,
      emptyIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
        icon: _helpers.ICONS_NAME.star,
        style: {
          opacity: 0.55
        }
      })
    })]
  });
};
var _default = exports["default"] = WRanking;