@open-tender/ui
Version:
A component library for use with the Open Tender web app
24 lines (23 loc) • 2.52 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const iconoir_react_1 = require("iconoir-react");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const ButtonLink_1 = tslib_1.__importDefault(require("./ButtonLink"));
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const SignIn = ({ config, handlers, msg, buttonLinkConfig }) => {
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__headeer')), msg ? (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__title'), { text: msg }))) : (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__title'))))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__content')), msg ? (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__customer')),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__button'), { onClick: handlers.goToAccount }),
react_1.default.createElement(iconoir_react_1.User, { width: 100, height: 100, strokeWidth: 1 })),
react_1.default.createElement(ButtonLink_1.default, Object.assign({ config: buttonLinkConfig }, (0, utils_1.makeProps)(config, 'signIn__link'), { onClick: handlers.signOut }), "Sign out of your account"))) : (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__button'), { onClick: () => handlers.setSignInType('QR_CODE') }),
react_1.default.createElement(iconoir_react_1.ScanQrCode, { width: 90, height: 90, strokeWidth: 1 })),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signIn__button'), { onClick: () => handlers.setSignInType('PHONE') }),
react_1.default.createElement(iconoir_react_1.Phone, { width: 90, height: 90, strokeWidth: 1 })))))));
};
exports.default = SignIn;