const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
const require_constants = require("../AppearanceEdit/constants.js");
let react = require("react");
react = require_runtime.__toESM(react);
require("./index.less");
//#region src/components/workSpaceList/components/AppearanceShow/index.tsx
const AppearanceShow = (props) => {
	const { color, icon, size = 20, fontSize = 14, name } = props;
	const Icon = (0, react.useMemo)(() => {
		return require_constants.iconMap[icon];
	}, [icon]);
	return /* @__PURE__ */ react.default.createElement("div", {
		className: "appearance-wrap",
		style: {
			background: color || "#7F56D9",
			height: size,
			width: size,
			fontSize
		}
	}, Icon ? /* @__PURE__ */ react.default.createElement(Icon, null) : name === null || name === void 0 ? void 0 : name.slice(0, 2));
};
//#endregion
exports.default = AppearanceShow;
