import React, { Component } from 'react';
import { StyleSheet, Button, View } from 'react-native';
import { turnLightOn, turnLightOff, toggle, isLightActive, lightEventEmitter } from "react-native-light";
 
export default class App extends Component {  
 
  async showState() {
    const state = await isLightActive();
    alert(state);
  }
 
  componentDidMount() {
    lightEventEmitter.addListener('onLightTurnedOn', () => {
      alert('you just turned on the light')
    });
    lightEventEmitter.addListener('onLightTurnedOff', () => {
      alert('you just turned off the light')
    });
  }
 
  render() {
    return (
      <View style={styles.container}>
        <View style={styles.buttons}>
          <Button title='on' onPress={() => turnLightOn()} />
          <Button title='off' onPress={() => turnLightOff()} />
          <Button title='toggle' onPress={() => toggle()} />
          <Button title='state' onPress={() => this.showState()} />
        </View>
      </View>
      );
  }
}
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF'
  },
  buttons: {
    justifyContent: 'space-between',
    alignItems: 'center',
    height: 200
  }
});