import React from 'react';
import { FlatList, StyleSheet, Text } from 'react-native';
import { View } from '@/components/Themed';
import TransactionItem from '@/components/transaction/TransactionItem';

export default function TabOneScreen() {
  return (
    <View style={styles.container}>
      <Text style={styles.testo}>Lista Transazioni</Text>
      <FlatList
        data={[{ key: 'transactions' }]}
        renderItem={() => <TransactionItem />}
        keyExtractor={item => item.key}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1
  },
  testo: {
    color: '#fff',
    fontSize: 20,
    fontWeight: 'bold',
    textAlign: 'center',
    paddingVertical: 10,
  }
});