synapse-react-client/dist/containers/home_page/ExpandableContent.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.__importStar)(require("react"));
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
function ExpandableContent(_a) {
    var title = _a.title, content = _a.content;
    var _b = (0, react_1.useState)(false), isExpanded = _b[0], setIsExpanded = _b[1];
    return (react_1.default.createElement("div", { className: "ExpandableContent" },
        react_1.default.createElement("div", { className: 'ExpandableContent__button__container' },
            react_1.default.createElement("button", { className: isExpanded ? 'expanded' : '', onClick: function () { return setIsExpanded(!isExpanded); } },
                react_1.default.createElement("span", null, title),
                react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: "SRC-primary-action-color", icon: isExpanded ? 'times' : 'plus' }))),
        react_1.default.createElement("div", { className: "ExpandableContent__content__container " + (isExpanded ? '' : 'hide') }, content)));
}
exports.default = ExpandableContent;
//# sourceMappingURL=ExpandableContent.js.map