import React from 'react';
import useValueMap from "../../hooks/useValueMap";
import { renderValueWithMap } from "../../dataSourceForm/utils";
import "./ReadPretty.less";
import Iconfont from "../../../iconfont";
var CheckboxReadPretty = function CheckboxReadPretty(props) {
  var value = props.value;
  return value ? /*#__PURE__*/React.createElement(Iconfont, {
    type: "pisell2-check",
    style: {
      color: 'var(--theme-color)',
      fontSize: 20
    }
  }) : null;
};
var CheckboxGroupReadPretty = function CheckboxGroupReadPretty(props) {
  var value = props.value,
    options = props.options,
    renderMode = props.renderMode;
  var valueMap = useValueMap(options || []);
  return renderValueWithMap(value, valueMap, renderMode);
};
CheckboxReadPretty.Group = CheckboxGroupReadPretty;
export default CheckboxReadPretty;