@open-tender/ui
Version:
A component library for use with the Open Tender web app
27 lines (26 loc) • 2.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const Checkout = ({ config, handlers, title, subtitle, headerContent, content, backTitle, proceedTitle, renderHeader, renderTotals }) => {
return (react_1.default.createElement(react_1.default.Fragment, null,
renderHeader(),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__header')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__headerContainer')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__title'), { text: title })),
subtitle && (react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__subtitle'), { text: subtitle }))))),
headerContent,
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__content')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__contentContainer')), content))),
renderTotals && renderTotals(),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__footer')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__footerContainer')),
backTitle && handlers.back && (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__back'), { onClick: handlers.back, text: backTitle }))),
proceedTitle && handlers.proceed && (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkout__proceed'), { onClick: handlers.proceed, text: proceedTitle })))))));
};
exports.default = Checkout;