@open-tender/ui
Version:
A component library for use with the Open Tender web app
17 lines (16 loc) • 1.48 kB
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 Text_1 = tslib_1.__importDefault(require("./Text"));
const View_1 = tslib_1.__importDefault(require("./View"));
const CategoryNavItem = ({ config, handlers, title, imageUrl, apiUrl, displayImage = false }) => {
const imageProps = (0, utils_1.makeImageProps)(config, 'categoryNavItem__image', imageUrl, apiUrl);
return (react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'categoryNavItem')), displayImage ? (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'categoryNavItem__button'), { onClick: handlers.browse }),
react_1.default.createElement(View_1.default, Object.assign({}, imageProps)),
react_1.default.createElement(View_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'categoryNavItem__content')),
react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'categoryNavItem__title'), { text: title }))))) : (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'categoryNavItem__button'), { onClick: handlers.browse, text: title })))));
};
exports.default = CategoryNavItem;