@uifabric/experiments/lib-commonjs/components/signals/SignalField.js

Experimental React components for building experiences for Microsoft 365.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var Utilities_1 = require("office-ui-fabric-react/lib-commonjs/Utilities");
var SignalFieldStyles = require("./SignalField.scss");
/**
 * Renders a field flanked by signals.
 * Pass `<Signal />` or related components in for the `before` and `after` fields.
 * Pass the main value as the children.
 */
exports.SignalField = function (props) {
    var _a;
    var before = props.before, after = props.after, className = props.className, _b = props.signalsFieldMode, signalsFieldMode = _b === void 0 ? 'compact' : _b, spanProps = tslib_1.__rest(props, ["before", "after", "className", "signalsFieldMode"]);
    return (React.createElement("span", tslib_1.__assign({}, spanProps, { className: Utilities_1.css(SignalFieldStyles.signalField, (_a = {},
            _a[SignalFieldStyles.wide] = signalsFieldMode === 'wide',
            _a[SignalFieldStyles.compact] = signalsFieldMode === 'compact',
            _a), className) }),
        props.before,
        React.createElement("span", { className: SignalFieldStyles.signalFieldValue }, props.children),
        props.after));
};
//# sourceMappingURL=SignalField.js.map