@open-tender/ui
Version:
A component library for use with the Open Tender web app
21 lines (20 loc) • 1.83 kB
JavaScript
;
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 Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const size = 60;
const SignInOptions = ({ config, handlers, signInType, scannerType, renderSignInQr, renderSignInPhone }) => {
return signInType === 'PHONE' ? (renderSignInPhone(handlers.close)) : signInType === 'QR_CODE' ? (renderSignInQr(handlers.close)) : (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInOptions__content')),
scannerType !== 'NONE' ? (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInOptions__button'), { onClick: () => handlers.setSignInType('QR_CODE') }),
react_1.default.createElement(iconoir_react_1.ScanQrCode, { width: size, height: size, strokeWidth: 1 }),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInOptions__buttonText'), { text: "Scan QR Code" })))) : null,
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInOptions__button'), { onClick: () => handlers.setSignInType('PHONE') }),
react_1.default.createElement(iconoir_react_1.Phone, { width: size, height: size, strokeWidth: 1 }),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'signInOptions__buttonText'), { text: "Enter Phone #" })))));
};
exports.default = SignInOptions;