@open-tender/ui/dist/esm/components/SignInOptions.js

A component library for use with the Open Tender web app

import { Phone, ScanQrCode } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './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.createElement(View, Object.assign({}, makeProps(config, 'signInOptions__content')),
        scannerType !== 'NONE' ? (React.createElement(Button, Object.assign({}, makeProps(config, 'signInOptions__button'), { onClick: () => handlers.setSignInType('QR_CODE') }),
            React.createElement(ScanQrCode, { width: size, height: size, strokeWidth: 1 }),
            React.createElement(Text, Object.assign({}, makeProps(config, 'signInOptions__buttonText'), { text: "Scan QR Code" })))) : null,
        React.createElement(Button, Object.assign({}, makeProps(config, 'signInOptions__button'), { onClick: () => handlers.setSignInType('PHONE') }),
            React.createElement(Phone, { width: size, height: size, strokeWidth: 1 }),
            React.createElement(Text, Object.assign({}, makeProps(config, 'signInOptions__buttonText'), { text: "Enter Phone #" })))));
};
export default SignInOptions;