import FUIAppListItem from "./FUIAppListItem.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { makeStyles } from "@material-ui/core";
//#region src/shell/ui/appSwitcher/FUIAppList.jsx
const useStyles = makeStyles({ root: {
	display: "flex",
	flexDirection: "row",
	flexWrap: "wrap",
	maxWidth: 500
} }, { name: "FUIAppList" });
const FUIAppList = (props) => {
	const $ = c(12);
	const { apps, verticalColor, closeSwitcher, user } = props;
	const classes = useStyles();
	const t0 = classes.root;
	let t1;
	if ($[0] !== apps || $[1] !== closeSwitcher || $[2] !== user || $[3] !== verticalColor) {
		let t2;
		if ($[5] !== closeSwitcher || $[6] !== user || $[7] !== verticalColor) {
			t2 = (item) => /* @__PURE__ */ React.createElement(FUIAppListItem, {
				key: item.label,
				verticalColor,
				closeSwitcher,
				user,
				...item
			});
			$[5] = closeSwitcher;
			$[6] = user;
			$[7] = verticalColor;
			$[8] = t2;
		} else t2 = $[8];
		t1 = apps.map(t2);
		$[0] = apps;
		$[1] = closeSwitcher;
		$[2] = user;
		$[3] = verticalColor;
		$[4] = t1;
	} else t1 = $[4];
	let t2;
	if ($[9] !== classes.root || $[10] !== t1) {
		t2 = /* @__PURE__ */ React.createElement("div", { className: t0 }, t1);
		$[9] = classes.root;
		$[10] = t1;
		$[11] = t2;
	} else t2 = $[11];
	return t2;
};
//#endregion
export { FUIAppList as default };

//# sourceMappingURL=FUIAppList.mjs.map