const require_runtime = require("../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
let _pisell_icon_es_ArrowUp = require("@pisell/icon/es/ArrowUp");
_pisell_icon_es_ArrowUp = require_runtime.__toESM(_pisell_icon_es_ArrowUp);
let _pisell_icon_es_ChevronSelectorVertical = require("@pisell/icon/es/ChevronSelectorVertical");
_pisell_icon_es_ChevronSelectorVertical = require_runtime.__toESM(_pisell_icon_es_ChevronSelectorVertical);
//#region src/components/table/TableFilter/SortIcon.tsx
const SortIcon = (props) => {
	const { sortOrder } = props;
	const content = (0, react.useMemo)(() => {
		if (sortOrder === "ascend") return /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowUp.default, { className: "pisell-table-column-up" });
		if (sortOrder === "descend") return /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ArrowUp.default, { className: "pisell-table-column-down" });
		return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, /* @__PURE__ */ react.default.createElement(_pisell_icon_es_ChevronSelectorVertical.default, { style: {
			fontSize: 18,
			color: "#98A2B3"
		} }));
	}, [sortOrder]);
	return /* @__PURE__ */ react.default.createElement("span", { className: (0, classnames.default)("pisell-table-sorter-inner", { active: !!sortOrder }) }, content);
};
//#endregion
exports.default = SortIcon;
