@hypernetlabs/web-ui
Version:
Web ui react components for hypernet protocol
25 lines • 1.76 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SucessContent = void 0;
const core_1 = require("@material-ui/core");
const react_1 = __importDefault(require("react"));
const components_1 = require("../../components");
const SucessContent_style_1 = require("../../components/SucessContent/SucessContent.style");
const SucessContent = (props) => {
const { label = "SUCCESS!", info, onOkay } = props;
const classes = (0, SucessContent_style_1.useStyles)();
return (react_1.default.createElement(core_1.Box, { className: classes.container },
react_1.default.createElement(core_1.Box, { className: classes.titleWrapper },
react_1.default.createElement(components_1.GovernanceTypography, { variant: "h4" }, label)),
react_1.default.createElement(core_1.Box, { className: classes.subtitleWrapper },
react_1.default.createElement(components_1.GovernanceTypography, { variant: "subtitle1" }, "You have successfully connected your wallet.")),
info && (react_1.default.createElement(core_1.Box, { className: classes.subtitleWrapper },
react_1.default.createElement(components_1.GovernanceTypography, { variant: "subtitle1", dangerouslySetInnerHTML: { __html: info } }))),
onOkay && (react_1.default.createElement(core_1.Box, { className: classes.doneButtonWrapper },
react_1.default.createElement(components_1.GovernanceButton, { fullWidth: true, color: "primary", variant: "contained", onClick: onOkay }, "Done")))));
};
exports.SucessContent = SucessContent;
//# sourceMappingURL=SucessContent.js.map