"use strict";

import React, { Component } from 'react';
import { connect } from "../connect.js";
import { LayoutComponent } from "./LayoutComponent.js";
import { jsx as _jsx } from "react/jsx-runtime";
export const SideMenuRoot = connect(class extends Component {
  render() {
    const children = this.props.layoutNode.children;
    return children.map(child => {
      return /*#__PURE__*/_jsx(LayoutComponent, {
        layoutNode: child
      }, child.nodeId);
    });
  }
});
const SideMenuComponent = connect(class extends Component {
  render() {
    const children = this.props.layoutNode.children;
    const component = children[0];
    return /*#__PURE__*/_jsx(LayoutComponent, {
      layoutNode: component
    }, component.nodeId);
  }
});
export const SideMenuLeft = SideMenuComponent;
export const SideMenuCenter = SideMenuComponent;
export const SideMenuRight = SideMenuComponent;
//# sourceMappingURL=SideMenu.js.map