UNPKG

@open-tender/ui

Version:

A component library for use with the Open Tender web app

10 lines (9 loc) 870 B
import { LogOut, UserCircle } from 'iconoir-react'; import React from 'react'; import { makeProps } from '../utils'; import Button from './Button'; import View from './View'; const SignInCheckout = ({ config, handlers, customer }) => { return (React.createElement(View, Object.assign({}, makeProps(config, 'signInCheckout')), customer ? (React.createElement(Button, Object.assign({}, makeProps(config, 'signInCheckout__button'), { onClick: handlers.signOut, text: "Sign Out", icon: React.createElement(LogOut, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))) : (React.createElement(Button, Object.assign({}, makeProps(config, 'signInCheckout__button'), { onClick: handlers.signIn, text: "Sign In", icon: React.createElement(UserCircle, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))))); }; export default SignInCheckout;