synapse-react-client/dist/containers/home_page/goals/Goals.Mobile.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 ExpandableContent_1 = (0, tslib_1.__importDefault)(require("../ExpandableContent"));
var QueryCount_1 = (0, tslib_1.__importDefault)(require("../../../containers/QueryCount"));
var react_bootstrap_1 = require("react-bootstrap");
function GoalsMobile(_a) {
    var link = _a.link, summary = _a.summary, countSql = _a.countSql, title = _a.title;
    var titleElement = (react_1.default.createElement("div", { className: "Goals__Mobile__Header" },
        countSql && (react_1.default.createElement("span", { className: "Goals__Mobile__Header__Count" },
            react_1.default.createElement(QueryCount_1.default, { parens: false, sql: countSql }))),
        react_1.default.createElement("span", { className: "Goals__Mobile__Header__Title" },
            " ",
            title,
            " ")));
    var content = (react_1.default.createElement("div", { className: "Goals__Mobile__Content bootstrap-4-backport" },
        react_1.default.createElement("p", null, summary),
        react_1.default.createElement(react_bootstrap_1.Button, { variant: "secondary", className: "pill Goals__Mobile__Content__Link", href: link }, "EXPLORE")));
    return react_1.default.createElement(ExpandableContent_1.default, { title: titleElement, content: content });
}
exports.default = GoalsMobile;
//# sourceMappingURL=Goals.Mobile.js.map