@gechiui/compose/build/hooks/use-preferred-color-scheme/index.android.js

GeChiUI higher-order components (HOCs).

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;

var _element = require("@gechiui/element");

var _reactNativeBridge = require("@gechiui/react-native-bridge");

/**
 * GeChiUI dependencies
 */

/**
 * Returns the color scheme value when it changes. Possible values: [ 'light', 'dark' ]
 *
 * @return {string} return current color scheme.
 */
function usePreferredColorScheme() {
  const [currentColorScheme, setCurrentColorScheme] = (0, _element.useState)(_reactNativeBridge.isInitialColorSchemeDark ? 'dark' : 'light');
  (0, _element.useEffect)(() => {
    (0, _reactNativeBridge.subscribePreferredColorScheme)(_ref => {
      let {
        isPreferredColorSchemeDark
      } = _ref;
      const colorScheme = isPreferredColorSchemeDark ? 'dark' : 'light';

      if (colorScheme !== currentColorScheme) {
        setCurrentColorScheme(colorScheme);
      }
    });
  });
  return currentColorScheme;
}

var _default = usePreferredColorScheme;
exports.default = _default;
//# sourceMappingURL=index.android.js.map