@gechiui/block-editor/build/components/colors-gradients/panel-color-gradient-settings.native.js

Generic block editor.

"use strict";

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

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

var _native = require("@react-navigation/native");

var _components = require("@gechiui/components");

var _blockSettings = require("../block-settings");

/**
 * External dependencies
 */

/**
 * GeChiUI dependencies
 */

/**
 * Internal dependencies
 */
function PanelColorGradientSettings(_ref) {
  let {
    settings,
    title
  } = _ref;
  const navigation = (0, _native.useNavigation)();
  const mappedSettings = (0, _element.useMemo)(() => {
    return settings.map(_ref2 => {
      let {
        onColorChange,
        colorValue,
        onGradientChange,
        gradientValue,
        label
      } = _ref2;
      return (0, _element.createElement)(_components.ColorControl, {
        onPress: () => {
          navigation.navigate(_blockSettings.blockSettingsScreens.color, {
            onColorChange,
            colorValue: gradientValue || colorValue,
            gradientValue,
            onGradientChange,
            label
          });
        },
        key: `color-setting-${label}`,
        label: label,
        color: gradientValue || colorValue
      });
    });
  }, [settings]);
  return (0, _element.createElement)(_components.PanelBody, {
    title: title
  }, mappedSettings);
}
//# sourceMappingURL=panel-color-gradient-settings.native.js.map