import React, {Component} from 'react';
import {View, Text, FlatList} from 'react-native';

import Item from './item';
const data = [
  {
    id: '1',
    title:
      'Vương quốc 1 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '2',
    title:
      'Vương quốc 2 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '3',
    title:
      'Vương quốc 3 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '4',
    title:
      'Vương quốc 4 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '5',
    title:
      'Vương quốc 5 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '6',
    title:
      'Vương quốc 6 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },

  {
    id: '7',
    title:
      'Vương quốc 7 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '8',
    title:
      'Vương quốc 8 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },

  {
    id: '9',
    title:
      'Vương quốc 9 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
  {
    id: '10',
    title:
      'Vương quốc 10 anh niềm tin tiêu dùng do Gfk công bố đạt -16,vượt mức dự đoán (-20) trong tháng ba',
    time: '07:06',
    date: '19 Mar 2021',
  },
];

const NewFeed = (props) => {
  return (
    <View
      style={{
        flex: 1,
        backgroundColor: 'white',
        paddingLeft: 10,
        paddingRight: 20,
        paddingTop: 10,
      }}>
      <FlatList
        data={data}
        showsVerticalScrollIndicator={false}
        keyExtractor={(item) => item.id}
        renderItem={({item, index}) => <Item item={item} index={index} />}
      />
    </View>
  );
};

export default NewFeed;
