synapse-react-client/dist/containers/home_page/programs/Programs.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 utils_1 = require("../../../containers/row_renderers/utils");
var react_bootstrap_1 = require("react-bootstrap");
function ProgramsMobile(_a) {
    var link = _a.link, summary = _a.summary, title = _a.title, color = _a.color, iconValue = _a.iconValue, iconOptions = _a.iconOptions, exploreLink = _a.exploreLink;
    var titleElement = (react_1.default.createElement("div", { className: "Programs__Mobile__Header" },
        react_1.default.createElement(utils_1.Icon, { type: iconValue, iconOptions: iconOptions }),
        react_1.default.createElement("span", { className: "Programs__Mobile__Header__Title" },
            " ",
            title,
            " ")));
    var content = (react_1.default.createElement("div", { className: "Programs__Mobile__Content" },
        link && (react_1.default.createElement("p", { className: "Programs__Card__header__info__link" },
            react_1.default.createElement("a", { className: "highlight-link", href: link }, "Visit website"))),
        react_1.default.createElement("p", null, summary),
        react_1.default.createElement(react_bootstrap_1.Button, { variant: "secondary", size: "lg", href: exploreLink, className: "pill" }, "EXPLORE")));
    return react_1.default.createElement(ExpandableContent_1.default, { title: titleElement, content: content });
}
exports.default = ProgramsMobile;
//# sourceMappingURL=Programs.Mobile.js.map