@open-tender/ui
Version:
A component library for use with the Open Tender web app
22 lines (21 loc) • 1.77 kB
JavaScript
;
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 Quantity = ({ config, handlers, quantity, incrementDisabled = false, decrementDisabled = false, fontSize, iconSize, strokeWidth = 2, className = 'quantity' }) => {
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, className)),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, `${className}__decrease`), { onClick: handlers.decrement, disabled: decrementDisabled }),
react_1.default.createElement(iconoir_react_1.Minus, { width: iconSize, height: iconSize, strokeWidth: strokeWidth })),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, `${className}__countContainer`, {
minWidth: fontSize * 1.8
})),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, `${className}__count`, { fontSize }), { text: `${quantity}` }))),
react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, `${className}__increase`), { onClick: handlers.increment, disabled: incrementDisabled }),
react_1.default.createElement(iconoir_react_1.Plus, { width: iconSize, height: iconSize, strokeWidth: strokeWidth }))));
};
exports.default = Quantity;