@uifabric/experiments/lib-commonjs/components/FloatingSuggestionsComposite/FloatingSuggestionsHeaderFooterItem/FloatingSuggestionsHeaderFooterItem.js

Experimental React components for building experiences for Microsoft 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var Utilities_1 = require("office-ui-fabric-react/lib-commonjs/Utilities");
var FloatingSuggestionsHeaderFooterItem_styles_1 = require("./FloatingSuggestionsHeaderFooterItem.styles");
var getClassNames = Utilities_1.classNamesFunction();
exports.FloatingSuggestionsHeaderFooterItem = function (props) {
    var _a;
    var renderItem = props.renderItem, onExecute = props.onExecute, isSelected = props.isSelected, id = props.id, className = props.className;
    var classNames = getClassNames(FloatingSuggestionsHeaderFooterItem_styles_1.getStyles);
    return onExecute ? (React.createElement("div", { id: id, onClick: onExecute, className: Utilities_1.css('ms-Suggestions-sectionButton', className, classNames.actionButton, (_a = {},
            _a['is-selected ' + classNames.buttonSelected] = isSelected,
            _a)) }, renderItem())) : (React.createElement("div", { id: id, className: Utilities_1.css('ms-Suggestions-section', className, classNames.actionButton) }, renderItem()));
};
//# sourceMappingURL=FloatingSuggestionsHeaderFooterItem.js.map