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,
      },
    });