import { Button as e } from "../../atomic/atoms/button/Button.js";
import { InlineBanner as t } from "./InlineBanner.js";
import { stack as n } from "./OperationFeedback.css.js";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region src/components/feedback/OperationFeedback.tsx
var a = ({ errorMessage: a = null, neutralMessage: o = null, successMessage: s = null, retryLabel: c, onRetry: l }) => {
	if (a == null && o == null && s == null) return null;
	let u = null;
	return a != null && l != null && c != null && (u = /* @__PURE__ */ r(e, {
		type: "button",
		variant: "secondary",
		onClick: l,
		children: c
	})), /* @__PURE__ */ i("div", {
		className: n,
		children: [
			a != null && /* @__PURE__ */ r(t, {
				tone: "danger",
				actions: u,
				children: a
			}),
			s != null && /* @__PURE__ */ r(t, {
				tone: "success",
				children: s
			}),
			o != null && /* @__PURE__ */ r(t, {
				tone: "info",
				children: o
			})
		]
	});
}, o = a;
//#endregion
export { o as MutationFeedback, a as OperationFeedback, a as default };

//# sourceMappingURL=OperationFeedback.js.map