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

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

import { jsx as r } from "react/jsx-runtime";
import p from "../utils/ConditionalWrapper.js";
import { Box as e } from "@mui/material";
import m from "@mui/material/Skeleton";
const C = 10, c = "1234-5678-9012-3456", d = Array(C).fill(
  c
);
function R(i) {
  const { recoveryCodes: o } = i;
  return /* @__PURE__ */ r(
    e,
    {
      sx: {
        display: "grid",
        gridTemplateColumns: "47.5% 47.5%",
        columnGap: "5%",
        gridTemplateRows: "repeat(5, 1fr)",
        fontFamily: "Menlo, Courier New, Courier, monospace",
        my: 2
      },
      children: (o?.codes ?? d).map(
        (n, t) => /* @__PURE__ */ r(
          p,
          {
            condition: !o,
            wrapper: m,
            wrapperProps: { width: "100%", height: "100%" },
            children: /* @__PURE__ */ r(
              e,
              {
                sx: {
                  my: 1,
                  fontSize: "13px"
                },
                children: n
              }
            )
          },
          t
        )
      )
    }
  );
}
export {
  R as RecoveryCodeGrid
};
//# sourceMappingURL=RecoveryCodeGrid.js.map