synapse-react-client
Version:
[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps
28 lines • 1.88 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var utils_1 = require("../../../containers/row_renderers/utils");
var react_bootstrap_1 = require("react-bootstrap");
function ProgramsDesktop(_a) {
var link = _a.link, summary = _a.summary, title = _a.title, color = _a.color, iconValue = _a.iconValue, iconOptions = _a.iconOptions, exploreLink = _a.exploreLink;
return (react_1.default.createElement("div", { className: "Programs__Card" },
react_1.default.createElement("div", { className: "Programs__Card__header", style: { backgroundColor: color.replace(')', ',.05)') } },
react_1.default.createElement("div", { className: "Programs__Card__header__icon" },
react_1.default.createElement(utils_1.Icon, { type: iconValue, iconOptions: iconOptions })),
react_1.default.createElement("div", { className: "Programs__Card__header__info" },
react_1.default.createElement("span", { className: "Programs__Card__header__info__title" },
" ",
title,
" "),
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("div", { className: "Programs__Card__summary" },
react_1.default.createElement("p", null,
" ",
summary,
" "),
react_1.default.createElement(react_bootstrap_1.Button, { variant: "secondary", size: "lg", href: exploreLink, className: "pill" }, "EXPLORE"))));
}
exports.default = ProgramsDesktop;
//# sourceMappingURL=Programs.Desktop.js.map