@open-tender/ui
Version:
A component library for use with the Open Tender web app
20 lines (19 loc) • 2.08 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const iconoir_react_1 = require("iconoir-react");
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 CheckoutPromoCodetView = ({ config, handlers, promoCode }) => {
const title = promoCode ? `${promoCode}` : 'Promo Code';
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, promoCode ? 'checkoutPromoCode__applied' : 'checkoutPromoCode')),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__label')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__title'), { text: title })),
promoCode && (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__checkmark')),
react_1.default.createElement(iconoir_react_1.Check, { width: 30, height: 30, strokeWidth: 2 })))),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__button')), promoCode ? (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__remove'), { onClick: handlers.remove, icon: react_1.default.createElement(iconoir_react_1.XmarkCircle, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))) : (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'checkoutPromoCode__add'), { onClick: handlers.add, icon: react_1.default.createElement(iconoir_react_1.PlusCircle, { width: 22, height: 22, strokeWidth: 2 }), iconDisplay: "before" }))))));
};
exports.default = CheckoutPromoCodetView;