import { jsx } from "react/jsx-runtime";
import { Typography } from "@mui/material";
import { useLocaleContext } from "@arcblock/ux/lib/Locale/context";
export default function SubscriptionDisclaimer({ mode, subscription, staking, appName }) {
  const { t } = useLocaleContext();
  if (!["subscription", "setup"].includes(mode) || !subscription) return null;
  return /* @__PURE__ */ jsx(Typography, { sx: { mt: 2.5, color: "text.secondary", fontSize: "0.7875rem", lineHeight: "0.9625rem" }, children: subscription.confirmMessage || (subscription.showStake && staking ? t("payment.checkout.confirm.withStake", { payee: appName || "New Payment Kit" }) : t("payment.checkout.confirm.withoutStake", { payee: appName || "New Payment Kit" })) });
}
