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

Experimental React components for building experiences for Office 365.

import * as tslib_1 from "tslib";
import * as React from 'react';
import { css } from 'office-ui-fabric-react/lib/Utilities';
import * as SignalFieldStyles from './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.
 */
export var SignalField = function (props) {
    var before = props.before, after = props.after, className = props.className, _a = props.signalsFieldMode, signalsFieldMode = _a === void 0 ? 'compact' : _a, spanProps = tslib_1.__rest(props, ["before", "after", "className", "signalsFieldMode"]);
    return (React.createElement("span", tslib_1.__assign({}, spanProps, { className: css(SignalFieldStyles.signalField, (_b = {},
            _b[SignalFieldStyles.wide] = signalsFieldMode === 'wide',
            _b[SignalFieldStyles.compact] = signalsFieldMode === 'compact',
            _b), className) }),
        props.before,
        React.createElement("span", { className: SignalFieldStyles.signalFieldValue }, props.children),
        props.after));
    var _b;
};
//# sourceMappingURL=SignalField.js.map