@primer/react/lib/FeatureFlags/FeatureFlags.js

An implementation of GitHub's Primer Design System using React

'use strict';

var React = require('react');
var FeatureFlagContext = require('./FeatureFlagContext.js');
var FeatureFlagScope = require('./FeatureFlagScope.js');

function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }

var React__default = /*#__PURE__*/_interopDefault(React);

function FeatureFlags({
  children,
  flags
}) {
  const parentFeatureFlags = React.useContext(FeatureFlagContext.FeatureFlagContext);
  const value = React.useMemo(() => {
    const scope = FeatureFlagScope.FeatureFlagScope.merge(parentFeatureFlags, FeatureFlagScope.FeatureFlagScope.create(flags));
    return scope;
  }, [parentFeatureFlags, flags]);
  return /*#__PURE__*/React__default.default.createElement(FeatureFlagContext.FeatureFlagContext.Provider, {
    value: value
  }, children);
}
FeatureFlags.displayName = "FeatureFlags";

exports.FeatureFlags = FeatureFlags;