import IconFont from "../../../iconfont/index.js";
import { renderValueWithMap } from "../../dataSourceForm/utils.js";
import useValueMap from "../../hooks/useValueMap.js";
import React from "react";
import "./ReadPretty.less";
//#region src/components/dataSourceComponents/fields/Checkbox/ReadPretty.tsx
const CheckboxReadPretty = (props) => {
	const { value } = props;
	return value ? /* @__PURE__ */ React.createElement(IconFont, {
		type: "pisell2-check",
		style: {
			color: "var(--theme-color)",
			fontSize: 20
		}
	}) : null;
};
const CheckboxGroupReadPretty = (props) => {
	const { value, options, renderMode } = props;
	return renderValueWithMap(value, useValueMap(options || []), renderMode);
};
CheckboxReadPretty.Group = CheckboxGroupReadPretty;
//#endregion
export { CheckboxReadPretty as default };
