import { Button as e } from "../../atomic/atoms/button/Button.js";
import { ErrorMessage as t } from "../../atomic/atoms/error_message/ErrorMessage.js";
import { InfoTile as n } from "../tile/InfoTile.js";
import { stack as r } from "./OperationFeedback.css.js";
import { jsx as i, jsxs as a } from "react/jsx-runtime";
//#region src/components/feedback/OperationFeedback.tsx
var o = ({ errorMessage: o = null, successMessage: s = null, retryLabel: c, onRetry: l }) => {
	if (o == null && s == null) return null;
	let u = null;
	return o != null && l != null && c != null && (u = /* @__PURE__ */ i(e, {
		type: "button",
		variant: "secondary",
		onClick: l,
		children: c
	})), /* @__PURE__ */ a("div", {
		className: r,
		children: [o != null && /* @__PURE__ */ a("div", {
			className: "_19ozap71 txvbqb9ip txvbqbajy txvbqbcp txvbqbao7",
			role: "alert",
			children: [/* @__PURE__ */ i(t, { children: o }), u]
		}), s != null && /* @__PURE__ */ i(n, {
			title: s,
			body: /* @__PURE__ */ i("div", {
				role: "status",
				"aria-live": "polite"
			})
		})]
	});
}, s = o;
//#endregion
export { s as MutationFeedback, o as OperationFeedback, o as default };

//# sourceMappingURL=OperationFeedback.js.map