import React from 'react';
import {View, Text, FlatList} from 'react-native';
import HeaderSB from '../../../components/Header/HeaderSB';
import Item from './Item';

const data = [
  {
    id: '1',
    month: 2,
    day: '20',
    name: 'Nạp tiền',
    money: 10000000,
    note: 'Ghi chú nap tiền để đầu tư',
    status: 1,
    date: '20/02/2021',
  },
  {
    id: '2',
    month: 2,
    day: '20',
    name: 'Nạp tiền',
    money: 2000000,
    note: 'Ghi chú nap tiền để đầu tư',
    status: 1,
    date: '20/02/2021',
  },
  {
    id: '3',
    month: 2,
    day: '20',
    name: 'Nạp tiền',
    money: 3000000,
    note: 'Ghi chú nap tiền để đầu tư',
    status: 1,
    date: '20/02/2021',
  },
  {
    id: '4',
    month: 2,
    day: '20',
    name: 'Nạp tiền',
    money: 4000000,
    note: 'Ghi chú nap tiền để đầu tư',
    status: 1,
    date: '20/02/2021',
  },
  {
    id: '5',
    month: 2,
    day: '20',
    name: 'Nạp tiền',
    money: 9000000,
    note: 'Ghi chú nap tiền để đầu tư',
    status: 1,
    date: '20/02/2021',
  },
];

const Rose = (props) => {
  return (
    <View style={{flex: 1}}>
      <HeaderSB title={'HOA HỒNG'} />
      <View style={{flex: 1}}>
        <FlatList
          keyExtractor={(item) => item.id}
          data={data}
          renderItem={({item}) => <Item item={item} />}
        />
      </View>
    </View>
  );
};

export default Rose;
