/*const [lux,setlux] = useState('15')

const [temp,setTemp] = useState('15')

const [hum,setHum] = useState('15')
const [noise,setNoise] = useState('15')
return (

<View style={styles.container}>
<View style={styles.containerHeader}><Text
style={styles.headerText}>Monitor</Text></View>
<View style={styles.navBar}><Text></Text></View>
<View style={styles.somniData}>
<View>
<Text style={styles.luxData}>Lux/Light{"\n"}{"\n"}{lux}</Text>
</View>

<View style={styles.imageContainer}>
<Image source={{uri: 'https://reactjs.org/logo-og.png'}}
style={{width: 400, height: 400}} />
</View>

</View>
<View style={styles.rowContainer}>
<View style={styles.tempContainer}>
<Text style={styles.tempData}>Temp{"\n"}{"\n"}{temp}</Text>
</View>
<View style={styles.humContainer}>
<Text style={styles.humData}>Hum{"\n"}{"\n"}{hum}</Text>
</View>
<View style={styles.noiseContainer}>
<Text style={styles.noiseData}>Noise{"\n"}{"\n"}{noise}</Text>
</View>
</View>
<View style={styles.buttonContainer}>
<Button title='update state'/>
</View>
</View>
);
}

const styles = StyleSheet.create({

tempData: {
color: 'white',
fontSize: 20,
fontWeight: "bold",
alignItems: 'center',
textAlign: 'center',
},
humData: {
color: 'white',
fontSize: 20,
fontWeight: "bold",
alignItems: 'center',
textAlign: 'center',
},
noiseData: {
color: 'white',
fontSize: 20,
fontWeight: "bold",
 alignItems: 'center',
textAlign: 'center',
},
tempContainer: {
justifyContent:'space-evenly', marginHorizontal:30
},
humContainer: {
justifyContent:'space-evenly', marginHorizontal:30
},
noiseContainer: {
justifyContent:'space-evenly', marginHorizontal:30
},
container: {
flex: 1,
backgroundColor: 'blue',
alignItems: 'center',
justifyContent: 'top',
},
containerHeader: {

alignItems: 'center',
justifyContent: 'top',
},
imageContainer: {
paddingTop: 50,
},
headerText: {

fontSize: 20,
fontWeight: "bold",
color: 'white',
justifyContent: 'top',
},
navBar: {

width: 1000,
height: 1,
backgroundColor: 'white'
},
luxData: {
color: 'white',
fontSize: 20,
fontWeight: "bold",
alignItems: 'center',
textAlign: 'center',
},
somniData: {
paddingTop: 50,

},
rowContainer: {
flexDirection:'row', alignItems:'center'
},
});