Canvas field

"use client";

import { useRef } from "react";
import { ReactFlowProvider } from "@xyflow/react";
import { FlowCanvasField } from "@/components/assistant/flow-canvas-field";

export default function Example() {
  const root = useRef<HTMLDivElement>(null);

  return (
    <ReactFlowProvider><div ref={root} className="relative h-96"><FlowCanvasField root={root} themeKey="sample" /></div></ReactFlowProvider>
  );
}