const require_runtime = require("../../../../../../_virtual/_rolldown/runtime.js");
let react = require("react");
react = require_runtime.__toESM(react);
let antd = require("antd");
let _pisell_materials = require("@pisell/materials");
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
//#region src/plus/saasDevice/devicePlanning/components/DeviceDetailDrawer/components/DrawerSidebar.tsx
const DrawerSidebar = ({ activeKey, activeKind, getText, onChange }) => {
	const items = [{
		key: "info",
		icon: "InfoCircleOutlined",
		label: getText("pisell2.saas.device-planning.drawer.info")
	}];
	if (activeKind !== "integrated") items.push({
		key: "connections",
		icon: "ApiOutlined",
		label: getText("pisell2.saas.device-planning.drawer.connections")
	});
	return /* @__PURE__ */ react.default.createElement("div", { className: "device-detail-drawer__sidebar" }, items.map((item) => /* @__PURE__ */ react.default.createElement(antd.Button, {
		key: item.key,
		type: "text",
		className: (0, classnames.default)("device-detail-drawer__sidebar-item", { "is-active": activeKey === item.key }),
		onClick: () => onChange(item.key)
	}, /* @__PURE__ */ react.default.createElement(_pisell_materials.Icon, { type: item.icon }), /* @__PURE__ */ react.default.createElement("span", null, item.label))));
};
//#endregion
exports.default = DrawerSidebar;
