@open-tender/ui
Version:
A component library for use with the Open Tender web app
25 lines (24 loc) • 2.51 kB
JavaScript
"use strict";
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 ModalContent_1 = tslib_1.__importDefault(require("./ModalContent"));
const NutritionalInfoLine_1 = tslib_1.__importDefault(require("./NutritionalInfoLine"));
const View_1 = tslib_1.__importDefault(require("./View"));
const NutritionalInfo = ({ config, modalContentConfig, handlers, title, subtitle, nutritionalInfo }) => {
const { calories, cholesterol, dietary_fiber, protein, saturated_fat, sodium, sugars, total_carbs, total_fat, trans_fat } = nutritionalInfo;
return (react_1.default.createElement(ModalContent_1.default, { config: modalContentConfig, title: title, subtitle: subtitle, submit: handlers.submit, cancel: handlers.close, cancelText: "Close" },
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'nutritionalInfo__content')),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Calories", value: calories, unit: "" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Total Fat", value: total_fat, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Saturated Fat", value: saturated_fat, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Trans Fat", value: trans_fat, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Cholesterol", value: cholesterol, unit: "mg" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Sodium", value: sodium, unit: "mg" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Total Carbs", value: total_carbs, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Dietary Fiber", value: dietary_fiber, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Sugars", value: sugars, unit: "g" }),
react_1.default.createElement(NutritionalInfoLine_1.default, { config: config, label: "Protein", value: protein, unit: "g", isLast: true }))));
};
exports.default = NutritionalInfo;