"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DefaultPage = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const polymesh_ui_1 = require("@polymathnetwork/polymesh-ui");
const hardRedirect_1 = require("../../utils/hardRedirect");
const DefaultPage = ({ appName, mainPath, body }) => {
    const connect = () => {
        (0, hardRedirect_1.hardRedirect)(mainPath);
    };
    return ((0, jsx_runtime_1.jsxs)(polymesh_ui_1.Flex, Object.assign({ alignItems: "flex-start", flexDirection: "column", p: "4" }, { children: [(0, jsx_runtime_1.jsx)(polymesh_ui_1.Heading, Object.assign({ variant: "h4", color: "brandMain", mb: "l" }, { children: appName }), void 0), (0, jsx_runtime_1.jsx)(polymesh_ui_1.Text, Object.assign({ variant: "b2m", color: "gray.1" }, { children: body }), void 0), (0, jsx_runtime_1.jsx)(polymesh_ui_1.Box, Object.assign({ mt: "l" }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.Tooltip, Object.assign({ content: mainPath }, { children: (0, jsx_runtime_1.jsx)(polymesh_ui_1.Button, Object.assign({ onClick: connect }, { children: "Go to main path" }), void 0) }), void 0) }), void 0)] }), void 0));
};
exports.DefaultPage = DefaultPage;
//# sourceMappingURL=DefaultPage.js.map