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

Wulper Studio Library Components CMS

import React from 'react';
import { Icon } from '@iconify/react';
import { Box, Rating, Stack } from '@mui/material';
import { ICONS_NAME } from '../../helpers';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var WRanking = function WRanking(_ref) {
  var rating = _ref.rating;
  return /*#__PURE__*/_jsxs(Stack, {
    direction: "row",
    alignItems: "center",
    spacing: 2,
    children: [/*#__PURE__*/_jsx(Box, {
      children: rating.toFixed(1)
    }), /*#__PURE__*/_jsx(Rating, {
      name: "ranking-feedback",
      value: rating,
      readOnly: true,
      precision: 0.5,
      emptyIcon: /*#__PURE__*/_jsx(Icon, {
        icon: ICONS_NAME.star,
        style: {
          opacity: 0.55
        }
      })
    })]
  });
};
export default WRanking;