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