Started skill tree editor work

src/skilltree/skillTreeEditor.js

@@ -1,7 +1,11 @@
 import { SkillTree } from "./skillTree";
+import { useState } from "react";
 
 function SkillTreeEditor(p) {
-    return <SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
+    const [lineColor,setLineColor] = useState("#000000")
+
+    return <>
+            <input type="color" value={}/><SkillTree strokeStyle="rgba(0,0,128,1)" lineWidth={3} lineDash={[]}
                 gridDimensionsX={6} gridDimensionsY={6} gridSizeX={80} gridSizeY={60} gridPaddingX={10} gridPaddingY={10}
                 skillLines={["□  □  ", //─   □
                             "└□─┘□□", //│ ├┤┼
@@ -10,6 +14,7 @@ function SkillTreeEditor(p) {
                             " □─□┼□", //└ ┘ ┴
                             "    □ "]}
                 />
+            </>
 }
 
 export {SkillTreeEditor}