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