const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js");
const require_status = require("../../status.js");
let react = require("react");
react = require_runtime.__toESM(react);
let _pisell_utils = require("@pisell/utils");
let _pisell_materials = require("@pisell/materials");
require("./index.less");
//#region src/plus/productSelect/ProductCard/SkuCard/components/CardMoreText/index.tsx
const CardMoreText = (props) => {
	const { className, onChange } = props;
	const [isFold, setIsFold] = (0, react.useState)(false);
	const handleClick = () => {
		setIsFold(!isFold);
		onChange(!isFold);
	};
	return /* @__PURE__ */ react.default.createElement("div", { className: `${require_status.PREFIX}__card-more-text-wrap ${className}` }, /* @__PURE__ */ react.default.createElement("div", {
		className: `${require_status.PREFIX}__card-more-text-wrap-content`,
		onClick: handleClick
	}, /* @__PURE__ */ react.default.createElement("span", null, isFold ? _pisell_utils.locales.getText("pisell2.sku-card.view-more") : _pisell_utils.locales.getText("pisell2.sku-card.view-less")), /* @__PURE__ */ react.default.createElement(_pisell_materials.Icon, {
		type: "DoubleLeftOutlined",
		className: `${require_status.PREFIX}__card-more-text-wrap-content-icon  ${isFold ? "is-unfold" : "is-fold"}`
	})));
};
//#endregion
exports.default = CardMoreText;
