import React from 'react';
import { ReactFlow } from '@xyflow/react';

import '@xyflow/react/dist/style.css';

const initialNodes = [
    { id: '1', position: { x: 0, y: 0 }, data: { label: 'jsadisahsaa' } },
    { id: '2', position: { x: 0, y: 100 }, data: { label: 'sohidhso' } },
    { id: '3', position: { x: 0, y: 100 }, data: { label: 'sohidhso' } },
    { id: '2', position: { x: 0, y: 100 }, data: { label: 'sohidhso' } },
];
const initialEdges = [{ id: 'e1-2', source: '1', target: '2' }];

export function Mind() {
    return (
        <div style={{ width: '100vw', height: '100vh' }}>
            <ReactFlow nodes={initialNodes} edges={initialEdges} />
        </div>
    );
}