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

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

import { jsxs as i, jsx as e } from "react/jsx-runtime";
import c from "../../assets/icons/FrontHand.js";
import { useTheme as h, Paper as d, Avatar as s, Box as p, Typography as n, Button as r } from "@mui/material";
function y(t) {
  const { onConfirm: o, onCancel: a } = t, l = h();
  return /* @__PURE__ */ i(d, { sx: { m: "auto", maxWidth: "500px", p: 8 }, children: [
    /* @__PURE__ */ e(
      s,
      {
        sx: {
          bgcolor: l.palette.primary.main,
          height: "100px",
          width: "100px"
        },
        children: /* @__PURE__ */ e(c, { sx: { height: "54px", width: "54px" } })
      }
    ),
    /* @__PURE__ */ i(p, { sx: { my: 5 }, children: [
      /* @__PURE__ */ e(n, { variant: "headline1", sx: { mb: 2 }, children: "Really regenerate backup codes?" }),
      /* @__PURE__ */ e(n, { variant: "body1", sx: { my: 1 }, children: "This will invalidate your old backup codes" }),
      /* @__PURE__ */ e(n, { variant: "body1", sx: { my: 1 }, children: "If you click “yes”, below, we will generate 10 new backup codes, replacing your old ones, which will no longer function." })
    ] }),
    /* @__PURE__ */ e(
      r,
      {
        fullWidth: !0,
        variant: "contained",
        onClick: o,
        sx: { height: "50px", my: 1 },
        children: "Yes, regenerate backup codes"
      }
    ),
    /* @__PURE__ */ e(
      r,
      {
        fullWidth: !0,
        variant: "text",
        onClick: a,
        sx: { height: "50px", my: 1 },
        children: "Nevermind"
      }
    )
  ] });
}
export {
  y as RegenerateBackupCodesWarning
};
//# sourceMappingURL=RegenerateBackupCodesWarning.js.map