"use strict";

import React, { Component } from 'react';
import { View } from 'react-native';
import { VISIBLE_OVERLAY_TEST_ID } from "../constants.js";
import { LayoutComponent } from "./LayoutComponent.js";
import { LayoutStore } from "../Stores/LayoutStore.js";
import { connect } from "../connect.js";
import { jsx as _jsx } from "react/jsx-runtime";
export const Overlays = connect(class extends Component {
  render() {
    const children = LayoutStore.getOverlays();
    return /*#__PURE__*/_jsx(View, {
      testID: VISIBLE_OVERLAY_TEST_ID,
      children: children.map(child => {
        return /*#__PURE__*/_jsx(LayoutComponent, {
          layoutNode: child
        }, child.nodeId);
      })
    });
  }
});
//# sourceMappingURL=Overlays.js.map