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

Experimental React components for building experiences for Microsoft 365.

import { __assign, __rest } 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 _a;
    var before = props.before, after = props.after, className = props.className, _b = props.signalsFieldMode, signalsFieldMode = _b === void 0 ? 'compact' : _b, spanProps = __rest(props, ["before", "after", "className", "signalsFieldMode"]);
    return (React.createElement("span", __assign({}, spanProps, { className: 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