@open-tender/ui
Version:
A component library for use with the Open Tender web app
18 lines (17 loc) • 1.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const react_qr_code_1 = tslib_1.__importDefault(require("react-qr-code"));
const utils_1 = require("../utils");
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const SignUp = ({ config, webAppUrl }) => {
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp__header')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp__title'))),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp__subtitle')))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp__content')), webAppUrl ? (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signUp__qrcode')),
react_1.default.createElement(react_qr_code_1.default, { value: webAppUrl, size: 256, style: { height: 'auto', maxWidth: '100%', width: '100%' }, viewBox: `0 0 256 256` }))) : null)));
};
exports.default = SignUp;