"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _reactNative = require("react-native");
var _i18n = require("@wordpress/i18n");
var _compose = require("@wordpress/compose");
var _style = _interopRequireDefault(require("./style.scss"));
var _jsxRuntime = require("react/jsx-runtime");
/**
 * External dependencies
 */

/**
 * WordPress dependencies
 */

/**
 * Internal dependencies
 */

const BlockInsertionPoint = ({
  getStylesFromColorScheme,
  testID
}) => {
  const lineStyle = getStylesFromColorScheme(_style.default.lineStyleAddHere, _style.default.lineStyleAddHereDark);
  const labelStyle = getStylesFromColorScheme(_style.default.labelStyleAddHere, _style.default.labelStyleAddHereDark);
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
    style: _style.default.containerStyleAddHere,
    testID: testID,
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: lineStyle
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
      style: labelStyle,
      children: (0, _i18n.__)('ADD BLOCK HERE')
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
      style: lineStyle
    })]
  });
};
var _default = exports.default = (0, _compose.withPreferredColorScheme)(BlockInsertionPoint);
//# sourceMappingURL=insertion-point.native.js.map