Initial Commit 🚀 🚀

ui/src/components/flow/nodes/BaseHandle.tsx

@@ -0,0 +1,26 @@
+import { Handle, HandleProps } from "@xyflow/react";
+import { forwardRef } from "react";
+
+import { cn } from "@/lib/utils";
+
+export type BaseHandleProps = HandleProps;
+
+export const BaseHandle = forwardRef<HTMLDivElement, BaseHandleProps>(
+    ({ className, children, ...props }, ref) => {
+        return (
+            <Handle
+                ref={ref}
+                {...props}
+                className={cn(
+                    "h-[11px] w-[11px] rounded-full border border-slate-300 bg-slate-100 transition dark:border-secondary dark:bg-secondary",
+                    className,
+                )}
+                {...props}
+            >
+                {children}
+            </Handle>
+        );
+    },
+);
+
+BaseHandle.displayName = "BaseHandle";