import {ReactGraph, Node, generateRandomNodes} from '3dgraph'; 

let props = { 
    graphColor : 0x050505,
    edgesHighlightColor : 0xF54848,
    onSelectColor : 0xF54848,
    onHoverColor : 0xBBF548, 
    highlightEdges : true,
    labelsColor : 0x0ff003, 
    showLabels : true,  
    handleError : (err) => console.log(JSON.stringify(err)),
    onReady : () => {},  
    handleClick : (node : Node) => {},
    handleDoubleClick : (node : Node) => {},
    handleMouseOver : (node : Node) => {},   
    transformLayout : false, 
    layoutGenerator : undefined,
    className : '',
    nodes : generateRandomNodes(30, 500), 
    /*  
    interface Node{  
            id : NodeID,
            position:Vector3, 
            connections : Connection[],
            incomingConnections : Connection[],
            radius : number, 
            label : Label,   
        
            color? : number,
            nodeObject? : Mesh,
            dx? : number,  
            dy? : number,  
            dz? : number, 
            weight? : number,
            repulsiveForce? : number,
            attractiveForce? : number
    };   
    */
};      


ReactDOM.render(  
    <ReactGraph {...props} />,      
    document.getElementById('graph')
)