import { cx as e } from "../../theme/tools.js";
import { useUiTranslation as t } from "../../i18n/useUiTranslation.js";
import { Button as n } from "../../atomic/atoms/button/Button.js";
import { content as r, message as i, root as a, title as o } from "./RefetchNeededBanner.css.js";
import { jsx as s, jsxs as c } from "react/jsx-runtime";
//#region src/components/subscriptions/RefetchNeededBanner.tsx
var l = ({ reason: l, onReload: u, className: d }) => {
	let { t: f } = t(), p = f("subscriptions.refetchNeeded.messages.default");
	return l === "CURSOR_REPLAY_UNAVAILABLE" ? p = f("subscriptions.refetchNeeded.messages.cursorReplayUnavailable") : l === "BUFFER_OVERFLOW" && (p = f("subscriptions.refetchNeeded.messages.bufferOverflow")), /* @__PURE__ */ c("div", {
		className: e(a, d),
		children: [/* @__PURE__ */ c("div", {
			className: r,
			children: [/* @__PURE__ */ s("p", {
				className: o,
				children: f("subscriptions.refetchNeeded.title")
			}), /* @__PURE__ */ s("p", {
				className: i,
				children: p
			})]
		}), /* @__PURE__ */ s(n, {
			type: "button",
			variant: "secondary",
			size: "small",
			onClick: u,
			children: f("subscriptions.refetchNeeded.actions.reload")
		})]
	});
};
//#endregion
export { l as RefetchNeededBanner };

//# sourceMappingURL=RefetchNeededBanner.js.map