synapse-react-client/dist/components/Authentication/Reset2FAWarning.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 a from "../../assets/icons/FrontHand.js";
import { useTheme as h, Paper as c, Avatar as p, Box as d, Typography as t, Button as i } from "@mui/material";
function y(r) {
  const { onConfirm: o, onCancel: s } = r, l = h();
  return /* @__PURE__ */ n(c, { sx: { m: "auto", maxWidth: "500px", p: 8 }, children: [
    /* @__PURE__ */ e(
      p,
      {
        sx: {
          bgcolor: l.palette.primary.main,
          height: "100px",
          width: "100px"
        },
        children: /* @__PURE__ */ e(a, { sx: { height: "54px", width: "54px" } })
      }
    ),
    /* @__PURE__ */ n(d, { sx: { my: 5 }, children: [
      /* @__PURE__ */ e(t, { variant: "headline1", sx: { mb: 2 }, children: "Really reset 2FA?" }),
      /* @__PURE__ */ e(t, { variant: "body1", sx: { my: 1 }, children: "You'll set up new security codes on the next screen using your authenticator app. Your current codes will keep working until you finish setting up the new ones." }),
      /* @__PURE__ */ e(t, { variant: "body1", sx: { my: 1 }, children: "Once setup is complete, only your new codes will work for logging in." })
    ] }),
    /* @__PURE__ */ e(
      i,
      {
        fullWidth: !0,
        variant: "contained",
        onClick: o,
        sx: { height: "50px", my: 1 },
        children: "Yes, reset 2FA"
      }
    ),
    /* @__PURE__ */ e(
      i,
      {
        fullWidth: !0,
        variant: "text",
        onClick: s,
        sx: { height: "50px", my: 1 },
        children: "Nevermind"
      }
    )
  ] });
}
export {
  y as default
};
//# sourceMappingURL=Reset2FAWarning.js.map