27 lines
618 B
TypeScript
27 lines
618 B
TypeScript
import type { ReactFlowProps } from "@xyflow/react";
|
|
import { Background, ReactFlow } from "@xyflow/react";
|
|
import type { ReactNode } from "react";
|
|
|
|
import "@xyflow/react/dist/style.css";
|
|
|
|
type CanvasProps = ReactFlowProps & {
|
|
children?: ReactNode;
|
|
};
|
|
|
|
const deleteKeyCode = ["Backspace", "Delete"];
|
|
|
|
export const Canvas = ({ children, ...props }: CanvasProps) => (
|
|
<ReactFlow
|
|
deleteKeyCode={deleteKeyCode}
|
|
fitView
|
|
panOnDrag={false}
|
|
panOnScroll
|
|
selectionOnDrag={true}
|
|
zoomOnDoubleClick={false}
|
|
{...props}
|
|
>
|
|
<Background bgColor="var(--sidebar)" />
|
|
{children}
|
|
</ReactFlow>
|
|
);
|