import Tool from '../Systems/Tool';
import { View , Text , Button , TextInput , StyleSheet} from 'react-native';
import { Icon } from 'react-native-elements'
import React from 'react';
import Library from 'trapilib/dist/lib';
let {
	CoreSystem,
	ViewSystem,
	ViewNode
} = Library; 


const styles = StyleSheet.create({
  container: {
    flex: 1,
    borderRadius: 4,
    borderWidth: 1,
    borderColor: '#d6d7da',
    alignItems: 'center',
    justifyContent: 'center',
  },
  text:{
  	flex:1,
  	backgroundColor:'red'
  }
});



export default class InsertForm extends Tool{
	constructor(){
		super()
	}


	editViewNode(CS,node){
		let View = null;
		if(!node ){
			return;
		}
		let Views = CS.ViewSystem.views;
		Object.keys(Views).map((key) => {
			
			if(Views[key].ViewTree.nodes[node.id]){
				View = key;
			}
		})
		let EditNode = new ViewNode(Math.random(),"ViewComp",{text:"Manipulationg the dom",style:styles})
		Views[View].setContent(EditNode,node);
	}


	render(){

		let selectStyle;
		if(this.active){
			selectStyle = {backgroundColor:"#a6a6a6"}
		}else{
			selectStyle = {backgroundColor:"#F1F1F1"}
		}

		return(
			<View>
				<Button 
				color="#f1f1f1"
				title={<Icon  name='comment'
				color="#606060"
				containerStyle={selectStyle}
	  				/>}
				/>
				
			</View>
			)
	}
}