@open-tender/ui
Version:
A component library for use with the Open Tender web app
10 lines (9 loc) • 1.08 kB
JavaScript
import { LogOut, UserCircle } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
const SignInButton = ({ config, handlers, customer, isAccount }) => {
const showSignOut = customer && isAccount;
return showSignOut ? (React.createElement(Button, Object.assign({}, makeProps(config, 'signInButton__signOut'), { onClick: handlers.signOut, text: "Sign Out", icon: React.createElement(LogOut, { width: 18, height: 18, strokeWidth: 1.5 }), iconDisplay: "before" }))) : customer ? (React.createElement(Button, Object.assign({}, makeProps(config, 'signInButton__account'), { onClick: handlers.goToAccount, text: "Account", icon: React.createElement(UserCircle, { width: 19, height: 19, strokeWidth: 1.5 }), iconDisplay: "before" }))) : (React.createElement(Button, Object.assign({}, makeProps(config, 'signInButton__signIn'), { onClick: handlers.signIn, text: "Sign In", icon: React.createElement(UserCircle, { width: 19, height: 19, strokeWidth: 1.5 }), iconDisplay: "before" })));
};
export default SignInButton;