@atlaskit/app-provider/dist/cjs/scrollbar-harmonisation/use-scrollbar-harmonisation.js

A top level provider for the Design System.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.useScrollbarHarmonisation = useScrollbarHarmonisation;
var _react = require("react");
var _browserApis = require("@atlaskit/browser-apis");
var _fg = require("@atlaskit/platform-feature-flags/fg");
var _installScrollbarHarmonisation = require("./install-scrollbar-harmonisation");
/**
 * Activates the harmonised scrollbar appearance. An explicit value overrides the shared rollout
 * gate; when omitted, the shared gate controls the appearance.
 */
function useScrollbarHarmonisation(isEnabled) {
  var isGateEnabled = (0, _fg.fg)('platform_dst_scrollbar_harmonisation');
  var shouldEnable = isEnabled !== null && isEnabled !== void 0 ? isEnabled : isGateEnabled;
  (0, _react.useEffect)(function () {
    if (!shouldEnable) {
      return;
    }
    var targetDocument = (0, _browserApis.getDocument)();
    if (!targetDocument) {
      return;
    }
    return (0, _installScrollbarHarmonisation.installScrollbarHarmonisation)(targetDocument);
  }, [shouldEnable]);
}