export class LoaderAPI extends Component {

  render() {
    const {
      loading,
      ...attributes
    } = this.props;
    return (
      <Modal
        transparent={true}
        animationType={'none'}
        visible={loading}
        onRequestClose={() => { console.log('close modal') }}>
        <View style={styles.modalBackground}>
          <View style={styles.activityIndicatorWrapper}>
            <ActivityIndicator
              animating={loading} />
          </View>
        </View>
      </Modal>
    );
  }
}

modalBackground: {
        flex: 1,
        alignItems: 'center',
        flexDirection: 'column',
        justifyContent: 'center',
        backgroundColor : 'rgba(20,20,20,.65)',
      },