@open-tender/ui
Version:
A component library for use with the Open Tender web app
24 lines (23 loc) • 1.81 kB
JavaScript
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const Checkout = ({ config, handlers, title, subtitle, headerContent, content, backTitle, proceedTitle, renderHeader, renderTotals }) => {
return (React.createElement(React.Fragment, null,
renderHeader(),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout')),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__header')),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__headerContainer')),
React.createElement(Text, Object.assign({}, makeProps(config, 'checkout__title'), { text: title })),
subtitle && (React.createElement(Text, Object.assign({}, makeProps(config, 'checkout__subtitle'), { text: subtitle }))))),
headerContent,
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__content')),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__contentContainer')), content))),
renderTotals && renderTotals(),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__footer')),
React.createElement(View, Object.assign({}, makeProps(config, 'checkout__footerContainer')),
backTitle && handlers.back && (React.createElement(Button, Object.assign({}, makeProps(config, 'checkout__back'), { onClick: handlers.back, text: backTitle }))),
proceedTitle && handlers.proceed && (React.createElement(Button, Object.assign({}, makeProps(config, 'checkout__proceed'), { onClick: handlers.proceed, text: proceedTitle })))))));
};
export default Checkout;