@open-tender/ui
Version:
A component library for use with the Open Tender web app
16 lines (15 loc) • 1.05 kB
JavaScript
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const Upsells = ({ config, handlers, items, renderUpsellItem }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, 'upsells')),
React.createElement(View, Object.assign({}, makeProps(config, 'upsells__header')),
React.createElement(Text, Object.assign({}, makeProps(config, 'upsells__title')))),
React.createElement(View, Object.assign({}, makeProps(config, 'upsells__items')),
React.createElement(View, Object.assign({}, makeProps(config, 'upsells__itemsContainer')), items.map((item, index) => renderUpsellItem(item, index + 1 === items.length)))),
React.createElement(View, Object.assign({}, makeProps(config, 'upsells__footer')),
React.createElement(Button, Object.assign({}, makeProps(config, 'upsells__cancel'), { onClick: handlers.close, text: "No, thanks. Skip this." })))));
};
export default Upsells;