@helpscout/hsds-react/components/HSDS/Provider.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = exports.GlobalContext = void 0;

var _react = _interopRequireDefault(require("react"));

var _ScopeProvider = _interopRequireDefault(require("../ScopeProvider"));

var _GlobalStyle = _interopRequireDefault(require("./GlobalStyle"));

var _jsxRuntime = require("react/jsx-runtime");

/* istanbul ignore file */
var GlobalContext = /*#__PURE__*/_react.default.createContext();

exports.GlobalContext = GlobalContext;

var Provider = function Provider(props) {
  var _props$scope = props.scope,
      scope = _props$scope === void 0 ? 'hsds-react' : _props$scope,
      _props$cssReset = props.cssReset,
      cssReset = _props$cssReset === void 0 ? false : _props$cssReset;
  var contextValue = {
    getCurrentScope: function getCurrentScope() {
      return scope;
    }
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GlobalStyle.default, {
      scope: "." + scope,
      cssReset: cssReset
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalContext.Provider, {
      value: contextValue,
      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: scope,
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScopeProvider.default, {
          scope: "." + scope,
          children: props.children
        })
      })
    })]
  });
};

Provider.displayName = 'HSDSProvider';
var _default = Provider;
exports.default = _default;