@open-tender/ui
Version:
A component library for use with the Open Tender web app
15 lines (14 loc) • 925 B
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
const react_1 = tslib_1.__importDefault(require("react"));
const utils_1 = require("../utils");
const Button_1 = tslib_1.__importDefault(require("./Button"));
const View_1 = tslib_1.__importDefault(require("./View"));
const ItemSize = ({ config, handlers, sizeGroup, appliedId }) => {
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'itemSize')), sizeGroup.options.map(option => {
const disabled = option.id === appliedId;
return (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, disabled ? 'itemSize__buttonSelected' : 'itemSize__button'), { key: option.id, onClick: () => handlers.toggleSize(option.id), disabled: disabled, text: option.name })));
})));
};
exports.default = ItemSize;