@wordpress/components/build/panel/actions.native.js

UI components for WordPress.

"use strict";

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

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

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

var _reactNative = require("react-native");

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

var _compose = require("@wordpress/compose");

var _actions = _interopRequireDefault(require("./actions.scss"));

var _bottomSeparatorCover = _interopRequireDefault(require("./bottom-separator-cover"));

/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */
function PanelActions({
  actions,
  getStylesFromColorScheme
}) {
  const mappedActions = (0, _element.useMemo)(() => {
    return actions.map(({
      label,
      onPress
    }) => {
      return (0, _element.createElement)(_components.TextControl, {
        label: label,
        onPress: onPress,
        labelStyle: _actions.default.defaultLabelStyle,
        key: label
      });
    });
  }, [actions]);
  return (0, _element.createElement)(_reactNative.View, {
    style: getStylesFromColorScheme(_actions.default.panelActionsContainer, _actions.default.panelActionsContainerDark)
  }, mappedActions, (0, _element.createElement)(_bottomSeparatorCover.default, null));
}

var _default = (0, _compose.withPreferredColorScheme)(PanelActions);

exports.default = _default;
//# sourceMappingURL=actions.native.js.map