@open-tender/ui
Version:
A component library for use with the Open Tender web app
21 lines (20 loc) • 1.82 kB
JavaScript
import { Phone, ScanQrCode, User } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import ButtonLink from './ButtonLink';
import Text from './Text';
import View from './View';
const SignIn = ({ config, handlers, msg, buttonLinkConfig }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, 'signIn')),
React.createElement(View, Object.assign({}, makeProps(config, 'signIn__headeer')), msg ? (React.createElement(Text, Object.assign({}, makeProps(config, 'signIn__title'), { text: msg }))) : (React.createElement(Text, Object.assign({}, makeProps(config, 'signIn__title'))))),
React.createElement(View, Object.assign({}, makeProps(config, 'signIn__content')), msg ? (React.createElement(View, Object.assign({}, makeProps(config, 'signIn__customer')),
React.createElement(Button, Object.assign({}, makeProps(config, 'signIn__button'), { onClick: handlers.goToAccount }),
React.createElement(User, { width: 100, height: 100, strokeWidth: 1 })),
React.createElement(ButtonLink, Object.assign({ config: buttonLinkConfig }, makeProps(config, 'signIn__link'), { onClick: handlers.signOut }), "Sign out of your account"))) : (React.createElement(React.Fragment, null,
React.createElement(Button, Object.assign({}, makeProps(config, 'signIn__button'), { onClick: () => handlers.setSignInType('QR_CODE') }),
React.createElement(ScanQrCode, { width: 90, height: 90, strokeWidth: 1 })),
React.createElement(Button, Object.assign({}, makeProps(config, 'signIn__button'), { onClick: () => handlers.setSignInType('PHONE') }),
React.createElement(Phone, { width: 90, height: 90, strokeWidth: 1 })))))));
};
export default SignIn;