import React, { Component, PureComponent } from 'react';

import { Platform, StyleSheet, FlatList, Text, View } from 'react-native';
import ActionButton from 'react-native-action-button';
import Icon from 'react-native-vector-icons/Ionicons';
import { responsiveFontSize, responsiveHeight, responsiveWidth } from 'react-native-responsive-dimensions';
import { HistoryListItem } from '../history-request/HistoryItem';


export class ListOptions extends Component {

     render() {
          return (
               <View style={styles.container}>
                    <HistoryListItem
                         style={styles.listbackground} />
                    <ActionButton>
                         <ActionButton.Item buttonColor='#9b59b6' title="Faire une demande" onPress={() => console.log("notes tapped!")}>
                              <Icon name="md-create" style={styles.actionButtonIcon} />
                         </ActionButton.Item>
                         <ActionButton.Item buttonColor='#3498db' title="Enregistrer l'historique" onPress={() => { }}>
                              <Icon name="md-save" style={styles.actionButtonIcon} />
                         </ActionButton.Item>
                    </ActionButton>
               </View>

          )
     }
}

const styles = StyleSheet.create({
     container: {
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
     },
     backgroundd_drawer: {
          backgroundColor: '#000',
     },
     listbackground: {
     },
     actionButtonIcon: {
          fontSize: 20,
          height: 22,
          color: 'white',
     },
     welcome: {
          fontSize: 20,
          textAlign: 'center',
          margin: 10,
     },
     instructions: {
          textAlign: 'center',
          color: '#333333',
          marginBottom: 5,
     },
});
