synapse-react-client/dist/containers/home_page/people/UserCardListGroups.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 useShowDesktop_1 = (0, tslib_1.__importDefault)(require("../../../utils/hooks/useShowDesktop"));
var UserCardListGroups_Mobile_1 = (0, tslib_1.__importDefault)(require("./UserCardListGroups.Mobile"));
var UserCardListGroups_Desktop_1 = (0, tslib_1.__importDefault)(require("./UserCardListGroups.Desktop"));
var react_bootstrap_1 = require("react-bootstrap");
function UserCardListGroups(props) {
    var summaryLink = props.summaryLink, summaryLinkText = props.summaryLinkText, rest = (0, tslib_1.__rest)(props, ["summaryLink", "summaryLinkText"]);
    var showDesktop = (0, useShowDesktop_1.default)();
    return (react_1.default.createElement("div", { className: "bootstrap-4-backport UserCardListGroups" + (showDesktop ? '__Desktop' : '') },
        react_1.default.createElement("div", null,
            showDesktop ? (react_1.default.createElement(UserCardListGroups_Desktop_1.default, (0, tslib_1.__assign)({}, rest))) : (react_1.default.createElement(UserCardListGroups_Mobile_1.default, (0, tslib_1.__assign)({}, rest))),
            summaryLink && summaryLinkText && (react_1.default.createElement("div", { className: "UserCardListGroups__summary" },
                react_1.default.createElement(react_bootstrap_1.Button, { variant: "secondary", size: "lg", className: "pill", href: summaryLink }, summaryLinkText))))));
}
exports.default = UserCardListGroups;
//# sourceMappingURL=UserCardListGroups.js.map