synapse-react-client/dist/components/Authentication/TwoFactorAuthSettingsPanel.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsxs as n, jsx as e } from "react/jsx-runtime";
import { Box as s, Typography as t, Stack as l, Button as o } from "@mui/material";
import { TWO_FACTOR_DOCS_LINK as d } from "./TwoFactorEnrollmentForm.js";
function m(r) {
  const { onRegenerateBackupCodes: a, onReset2FA: i, hideTitle: c = !1 } = r;
  return /* @__PURE__ */ n(s, { children: [
    !c && /* @__PURE__ */ e(t, { variant: "headline2", role: "heading", children: "Two-factor Authentication (2FA)" }),
    /* @__PURE__ */ e(t, { variant: "body1Italic", sx: { my: 1 }, children: "Required for all projects and all users." }),
    /* @__PURE__ */ e(t, { variant: "body1", sx: { my: 2 }, children: "Synapse uses a time-based system, which you can set up using an app like Google Authenticator, Duo Mobile, Microsoft Authenticator, or Authy. Certain data may require 2FA to be turned on for your account in order to request access." }),
    /* @__PURE__ */ n(l, { direction: "row", sx: { gap: 1 }, children: [
      /* @__PURE__ */ e(
        o,
        {
          variant: "text",
          onClick: () => {
            i();
          },
          children: "Reset 2FA"
        }
      ),
      /* @__PURE__ */ e(
        o,
        {
          variant: "text",
          onClick: () => {
            a();
          },
          children: "Regenerate Backup Codes"
        }
      ),
      /* @__PURE__ */ e(
        o,
        {
          variant: "text",
          onClick: () => window.open(d, "_blank"),
          children: "More Information"
        }
      )
    ] })
  ] });
}
export {
  m as default
};
//# sourceMappingURL=TwoFactorAuthSettingsPanel.js.map