/**
 * 维保信息汇总
 */
import useSettings from "../../_hooks/useSettings";
import amount from "./imgs/amount.png";
import count from "./imgs/count.png";
import VmFactor from "../vm-factor";
import amountLight from "./imgs/amount_light.png";
import countLight from "./imgs/count_light.png";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var RmInfoSummary = function RmInfoSummary(props) {
  var data = props.data;
  var _useSettings = useSettings(),
    isDark = _useSettings.isDark;
  return /*#__PURE__*/_jsxs("div", {
    className: "rm-summary",
    children: [/*#__PURE__*/_jsx(VmFactor, {
      name: "\u5E74\u5EA6\u7EF4\u4FDD\u603B\u6B21\u6570",
      value: (data === null || data === void 0 ? void 0 : data.thisYearCount) || 0,
      img: isDark ? count : countLight,
      fontType: "blue",
      unit: "\u6B21",
      unitStyle: {
        fontSize: 14
      },
      compare: true,
      compareName: "\u5E74\u540C\u6BD4",
      compareValue: data === null || data === void 0 ? void 0 : data.thisYearOnLastYearCount,
      compareUnit: "%"
    }), /*#__PURE__*/_jsx(VmFactor, {
      name: "\u5E74\u5EA6\u7EF4\u4FDD\u603B\u91D1\u989D",
      value: (data === null || data === void 0 ? void 0 : data.thisYearFee) || 0,
      img: isDark ? amount : amountLight,
      fontType: "yellow",
      unit: "\u5143",
      unitStyle: {
        fontSize: 14
      },
      compare: true,
      compareName: "\u5E74\u540C\u6BD4",
      compareValue: data === null || data === void 0 ? void 0 : data.thisYearOnLastYearFee,
      compareUnit: "%"
    })]
  });
};
export default RmInfoSummary;