"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ErrorBoundaryPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const polymesh_ui_1 = require("@polymathnetwork/polymesh-ui");
const ErrorBoundaryPage = ({ error }) => {
    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(polymesh_ui_1.Page, { children: [(0, jsx_runtime_1.jsx)(polymesh_ui_1.Box, Object.assign({ mt: "xxl" }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.IconCircled, { Asset: polymesh_ui_1.icons.SvgCrossOutline, scale: 0.7, bg: "red.1", color: "red.0" }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(polymesh_ui_1.Box, Object.assign({ mt: "m" }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.Text, Object.assign({ fontSize: "5", fontWeight: "semiBold", color: "highlightText" }, { children: "An error occurred" }), void 0) }), void 0), (0, jsx_runtime_1.jsx)(polymesh_ui_1.Box, Object.assign({ mt: "m" }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.Text, { children: "Please refresh the page to reconnect." }, void 0) }), void 0), error && ((0, jsx_runtime_1.jsxs)(polymesh_ui_1.Box, Object.assign({ mt: "xl" }, { children: [(0, jsx_runtime_1.jsx)(polymesh_ui_1.Heading, Object.assign({ variant: "h5" }, { children: "Error details" }), void 0), (0, jsx_runtime_1.jsx)(polymesh_ui_1.Box, Object.assign({ mt: "m" }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.Text, { children: error === null || error === void 0 ? void 0 : error.message }, void 0) }), void 0)] }), void 0))] }, void 0) }, void 0));
};
exports.ErrorBoundaryPage = ErrorBoundaryPage;
//# sourceMappingURL=ErrorBoundaryPage.js.map