import { ActionSummaryListItem } from "./ActionSummaryListItem.mjs";
import React from "react";
import { List, makeStyles } from "@material-ui/core";
//#region src/actions/actionSummary/ActionSummaryListContainer.tsx
const useStyles = makeStyles((theme) => ({
	root: {
		display: "flex",
		flexWrap: "wrap",
		overflowY: "scroll",
		marginTop: theme.spacing(1),
		marginBottom: theme.spacing(1)
	},
	itemContainer: {
		display: "flex",
		flexDirection: "column",
		paddingLeft: 1,
		width: "33%"
	}
}));
const ActionSummaryListContainer = ({ items, selectedNode }) => {
	const classes = useStyles();
	function* keyGenerator() {
		let count = 0;
		while (true) yield count++;
	}
	const countGen = keyGenerator();
	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item, i) => i % 3 === 0).map((item_0) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
		selectedNode,
		...item_0,
		key: countGen.next().value
	})))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item_1, i_0) => i_0 % 3 === 1).map((item_2) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
		selectedNode,
		...item_2,
		key: countGen.next().value
	})))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, /* @__PURE__ */ React.createElement(List, { disablePadding: true }, items.filter((item_3, i_1) => i_1 % 3 === 2).map((item_4) => /* @__PURE__ */ React.createElement(ActionSummaryListItem, {
		selectedNode,
		...item_4,
		key: countGen.next().value
	})))));
};
//#endregion
export { ActionSummaryListContainer };

//# sourceMappingURL=ActionSummaryListContainer.mjs.map