synapse-react-client/dist/containers/home_page/goals/Goals.Desktop.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var QueryCount_1 = (0, tslib_1.__importDefault)(require("../../../containers/QueryCount"));
var react_bootstrap_1 = require("react-bootstrap");
function GoalsDesktop(_a) {
    var asset = _a.asset, link = _a.link, summary = _a.summary, countSql = _a.countSql, title = _a.title;
    return (react_1.default.createElement("div", { className: "Goals__Card bootstrap-4-backport" },
        react_1.default.createElement("div", { className: "Goals__Card__header", style: { background: "url('" + asset + "')" } },
            react_1.default.createElement("p", null,
                react_1.default.createElement("span", { className: "Goals__Card__header__title" },
                    " ",
                    title,
                    " "),
                countSql && (react_1.default.createElement("span", { className: "Goals__Card__header__count" },
                    react_1.default.createElement(QueryCount_1.default, { parens: false, sql: countSql }))))),
        react_1.default.createElement("div", { className: "Goals__Card__summary" },
            react_1.default.createElement("p", null,
                " ",
                summary,
                " "),
            react_1.default.createElement(react_bootstrap_1.Button, { className: "pill Goals__Card__summary__link", variant: "secondary", href: link }, "EXPLORE"))));
}
exports.default = GoalsDesktop;
//# sourceMappingURL=Goals.Desktop.js.map