workflow

ui/src/components/workflow/Panel.tsx

@@ -0,0 +1,23 @@
+// components/AddNodePanel.tsx
+import { Sheet, SheetContent, SheetTitle } from "../ui/sheet";
+
+type AddNodePanelProps = {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  children: React.ReactNode;
+  name: string;
+};
+
+const Panel = ({ open, onOpenChange, children, name }: AddNodePanelProps) => {
+  return (
+    <Sheet open={open} onOpenChange={onOpenChange}>
+      <SheetContent className="sm:max-w-[640px] p-0">
+        <SheetTitle className="bg-primary p-4 text-white">{name}</SheetTitle>
+
+        <div className="p-10 flex-col space-y-5">{children}</div>
+      </SheetContent>
+    </Sheet>
+  );
+};
+
+export default Panel;