✨ 모든 모드에서 사용되는 노드렌더러 래퍼 컴포넌트 구현

두가지 모드에서 사용되는 노드 렌더러 래퍼컴포넌트 구현완료. 노드 렌더러는 항상 래퍼 컴포넌트를 100%채우도록 렌더링 되기 때문에 노드의 레이아웃은 현재 래퍼 컴포넌트가 담당한다.

Author: y-minion

packages/ui/src/core/BaseLayoutWrapper.tsx

@@ -0,0 +1,15 @@
+import { BaseNode } from "types";
+
+interface Props {
+  children: React.ReactNode;
+  node: BaseNode;
+}
+
+export default function BaseLayoutNodeWrapper({ children, node }: Props) {
+  const { x: top, y: left, width, height, zIndex } = node.layout;
+  return (
+    <div style={{ position: "absolute", top, left, width, height, zIndex }}>
+      {children}
+    </div>
+  );
+}