@open-tender/ui/dist/esm/components/Reward.js

A component library for use with the Open Tender web app

import { makeDiscountEnhanced } from '@open-tender/utils';
import { Check } from 'iconoir-react';
import React from 'react';
import { makeImageProps, makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const Reward = ({ config, handlers, reward, isApplied, apiUrl }) => {
    const { title, description } = reward;
    const { imageUrl } = makeDiscountEnhanced(reward);
    const imageProps = makeImageProps(config, 'reward__image', imageUrl, apiUrl);
    return (React.createElement(Button, Object.assign({}, makeProps(config, isApplied ? 'reward__isApplied' : 'reward'), { onClick: isApplied ? handlers.remove : handlers.apply }),
        React.createElement(View, Object.assign({}, makeProps(config, 'reward__container')),
            isApplied && (React.createElement(View, Object.assign({}, makeProps(config, 'reward__applied')),
                React.createElement(Check, { width: 30, height: 30, strokeWidth: 2 }))),
            React.createElement(View, Object.assign({}, imageProps)),
            React.createElement(View, Object.assign({}, makeProps(config, 'reward__content')),
                React.createElement(View, Object.assign({}, makeProps(config, 'reward__info')),
                    React.createElement(Text, Object.assign({}, makeProps(config, 'reward__title'), { text: title })),
                    React.createElement(Text, Object.assign({}, makeProps(config, 'reward__description'), { text: description })))))));
};
export default Reward;