Initial Commit 🚀 🚀

ui/src/components/flow/nodes/common/NodeContent.tsx

@@ -0,0 +1,44 @@
+import { Position } from "@xyflow/react";
+import { ReactNode } from "react";
+
+import { BaseHandle } from "@/components/flow/nodes/BaseHandle";
+import { BaseNode } from "@/components/flow/nodes/BaseNode";
+import { NodeHeader, NodeHeaderIcon, NodeHeaderTitle } from "@/components/flow/nodes/NodeHeader";
+
+interface NodeContentProps {
+    selected: boolean;
+    invalid?: boolean;
+    title: string;
+    icon: ReactNode;
+    bgColor: string;
+    hasSourceHandle?: boolean;
+    hasTargetHandle?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+
+export const NodeContent = ({
+    selected,
+    invalid,
+    title,
+    icon,
+    bgColor,
+    hasSourceHandle = false,
+    hasTargetHandle = false,
+    children,
+    className = "",
+}: NodeContentProps) => {
+    return (
+        <BaseNode selected={selected} invalid={invalid} className={`p-0 overflow-hidden ${className}`}>
+            {hasTargetHandle && <BaseHandle type="target" position={Position.Top} />}
+            <NodeHeader className={`px-3 py-2 border-b ${bgColor}`}>
+                <NodeHeaderIcon>{icon}</NodeHeaderIcon>
+                <NodeHeaderTitle>{title}</NodeHeaderTitle>
+            </NodeHeader>
+            <div className="p-3">
+                {children}
+            </div>
+            {hasSourceHandle && <BaseHandle type="source" position={Position.Bottom} />}
+        </BaseNode>
+    );
+};