@open-tender/ui
Version:
A component library for use with the Open Tender web app
17 lines (16 loc) • 1.54 kB
JavaScript
import { Check, PlusCircle, XmarkCircle } from 'iconoir-react';
import React from 'react';
import { makeProps } from '../utils';
import Button from './Button';
import Text from './Text';
import View from './View';
const CheckoutPromoCodetView = ({ config, handlers, promoCode }) => {
const title = promoCode ? `${promoCode}` : 'Promo Code';
return (React.createElement(View, Object.assign({}, makeProps(config, promoCode ? 'checkoutPromoCode__applied' : 'checkoutPromoCode')),
React.createElement(View, Object.assign({}, makeProps(config, 'checkoutPromoCode__label')),
React.createElement(Text, Object.assign({}, makeProps(config, 'checkoutPromoCode__title'), { text: title })),
promoCode && (React.createElement(View, Object.assign({}, makeProps(config, 'checkoutPromoCode__checkmark')),
React.createElement(Check, { width: 30, height: 30, strokeWidth: 2 })))),
React.createElement(View, Object.assign({}, makeProps(config, 'checkoutPromoCode__button')), promoCode ? (React.createElement(Button, Object.assign({}, makeProps(config, 'checkoutPromoCode__remove'), { onClick: handlers.remove, icon: React.createElement(XmarkCircle, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))) : (React.createElement(Button, Object.assign({}, makeProps(config, 'checkoutPromoCode__add'), { onClick: handlers.add, icon: React.createElement(PlusCircle, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))))));
};
export default CheckoutPromoCodetView;