UNPKG

@open-tender/ui

Version:

A component library for use with the Open Tender web app

17 lines (16 loc) 1.03 kB
"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 Button_1 = tslib_1.__importDefault(require("./Button")); const Text_1 = tslib_1.__importDefault(require("./Text")); const View_1 = tslib_1.__importDefault(require("./View")); const FavsButton = ({ config, handlers, imageUrl, title }) => { const style = imageUrl ? { backgroundImage: `url(${imageUrl})` } : {}; const imageProps = (0, utils_1.makeProps)(config, 'favsButton__image', style); return (react_1.default.createElement(Button_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'favsButton'), { onClick: handlers.browse }), react_1.default.createElement(View_1.default, Object.assign({}, imageProps)), react_1.default.createElement(Text_1.default, Object.assign({}, (0, utils_1.makeProps)(config, 'favsButton__title'), { text: title })))); }; exports.default = FavsButton;