Resizable Node

1import { NodeResizer } from "@xyflow/react";
2import React from "react";
3import { cn } from "@/lib/utils";
4import { BaseNode } from "@/registry/ui/flow/base-node";
5 
6export const ResizableNode = React.forwardRef<
7	HTMLDivElement,
8	React.HTMLAttributes<HTMLDivElement> & {
9		selected: boolean;
10	}
11>(({ className, selected, style, children, ...props }, ref) => (
12	<BaseNode
13		ref={ref}
14		style={{
15			...style,
16			minHeight: 200,
17			minWidth: 250,
18			maxHeight: 800,
19			maxWidth: 800,
20		}}
21		className={cn(className, "h-full p-0 hover:ring-orange-500")}
22		{...props}
23	>
24		<NodeResizer isVisible={selected} />
25		{children}
26	</BaseNode>
27));
28ResizableNode.displayName = "ResizableNode";