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

Experimental React components for building experiences for Microsoft 365.

define(["require", "exports", "tslib", "react", "office-ui-fabric-react/lib/Utilities", "./SignalField.scss"], function (require, exports, tslib_1, React, Utilities_1, SignalFieldStyles) {
    "use strict";
    Object.defineProperty(exports, "__esModule", { value: true });
    /**
     * 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