import { AmbientCard } from "../../../../../UI/surfaces/cards/AmbientCard/AmbientCard.mjs";
import { EmptyStateDisplay } from "../../../../../UI/dataDisplay/EmptyStateDisplay.mjs";
import { TransactionAttachment } from "./TransactionAttachment.mjs";
import { c } from "react-compiler-runtime";
import React from "react";
import { LinearProgress } from "@material-ui/core";
import { useTranslation } from "react-i18next";
//#region src/udp/pages/UdpTransactionsPage/components/transactionAttachment/TransactionAttachments.jsx
const TransactionAttachments = (props) => {
	const $ = c(4);
	const { transactionAttachments, isLoading } = props;
	const { t } = useTranslation();
	let t0;
	if ($[0] !== isLoading || $[1] !== t || $[2] !== transactionAttachments) {
		t0 = /* @__PURE__ */ React.createElement("div", null, isLoading ? /* @__PURE__ */ React.createElement(LinearProgress, null) : transactionAttachments?.pageList?.length > 0 ? /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, transactionAttachments.pageList.map((attachment, index) => /* @__PURE__ */ React.createElement(TransactionAttachment, {
			key: index,
			attachment,
			isLastItem: index === transactionAttachments.pageList.length - 1
		}))) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(EmptyStateDisplay, { primaryText: t("No Attachments") })));
		$[0] = isLoading;
		$[1] = t;
		$[2] = transactionAttachments;
		$[3] = t0;
	} else t0 = $[3];
	return t0;
};
//#endregion
export { TransactionAttachments };

//# sourceMappingURL=TransactionAttachments.mjs.map