@wordpress/compose/build-module/higher-order/with-preferred-color-scheme/index.native.js

WordPress higher-order components (HOCs).

/**
 * Internal dependencies
 */
import { createHigherOrderComponent } from '../../utils/create-higher-order-component';
import usePreferredColorScheme from '../../hooks/use-preferred-color-scheme';

/**
 * WordPress dependencies
 */
import { useCallback } from '@wordpress/element';
import { jsx as _jsx } from "react/jsx-runtime";
const withPreferredColorScheme = createHigherOrderComponent(WrappedComponent => props => {
  const colorScheme = usePreferredColorScheme();
  const isDarkMode = colorScheme === 'dark';
  const getStyles = useCallback((lightStyles, darkStyles) => {
    const finalDarkStyles = {
      ...lightStyles,
      ...darkStyles
    };
    return isDarkMode ? finalDarkStyles : lightStyles;
  }, [isDarkMode]);
  return /*#__PURE__*/_jsx(WrappedComponent, {
    preferredColorScheme: colorScheme,
    getStylesFromColorScheme: getStyles,
    ...props
  });
}, 'withPreferredColorScheme');
export default withPreferredColorScheme;
//# sourceMappingURL=index.native.js.map