@open-tender/ui
Version:
A component library for use with the Open Tender web app
14 lines (13 loc) • 1.05 kB
JavaScript
import React from 'react';
import { makeProps } from '../utils';
import Text from './Text';
import View from './View';
const Rewards = ({ config, title, subtitle, rewards, renderReward }) => {
return (React.createElement(View, Object.assign({}, makeProps(config, 'rewards')),
React.createElement(View, Object.assign({}, makeProps(config, 'rewards__header')),
React.createElement(Text, Object.assign({}, makeProps(config, 'rewards__title'), { text: title })),
subtitle && (React.createElement(Text, Object.assign({}, makeProps(config, 'rewards__subtitle'), { text: subtitle })))),
React.createElement(View, Object.assign({}, makeProps(config, 'rewards__items')),
React.createElement(View, Object.assign({}, makeProps(config, 'rewards__itemsContainer')), rewards.map((reward, index) => (React.createElement(View, Object.assign({ key: `${reward.discount_id}-${index}` }, makeProps(config, 'rewards__item')), renderReward(reward, index, index + 1 === rewards.length))))))));
};
export default Rewards;