{"ast":null,"code":"import React from 'react';\nimport { Box, FlatList, Heading, Avatar, HStack, VStack, Text, Spacer } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n var data = [{\n id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',\n fullName: 'Aafreen Khan',\n timeStamp: '12:47 PM',\n recentText: 'Good Day!',\n avatarUrl: 'https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500'\n }, {\n id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',\n fullName: 'Sujitha Mathur',\n timeStamp: '11:11 PM',\n recentText: 'Cheer up, there!',\n avatarUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTyEaZqT3fHeNrPGcnjLLX1v_W4mvBlgpwxnA&usqp=CAU'\n }, {\n id: '58694a0f-3da1-471f-bd96-145571e29d72',\n fullName: 'Anci Barroco',\n timeStamp: '6:22 PM',\n recentText: 'Good Day!',\n avatarUrl: 'https://miro.medium.com/max/1400/0*0fClPmIScV5pTLoE.jpg'\n }, {\n id: '68694a0f-3da1-431f-bd56-142371e29d72',\n fullName: 'Aniket Kumar',\n timeStamp: '8:56 PM',\n recentText: 'All the best',\n avatarUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSr01zI37DYuR8bMV5exWQBSw28C1v_71CAh8d7GP1mplcmTgQA6Q66Oo--QedAN1B4E1k&usqp=CAU'\n }, {\n id: '28694a0f-3da1-471f-bd96-142456e29d72',\n fullName: 'Kiara',\n timeStamp: '12:47 PM',\n recentText: 'I will call today.',\n avatarUrl: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRBwgu1A5zgPSvfE83nurkuzNEoXs9DMNr8Ww&usqp=CAU'\n }];\n return _jsxs(Box, {\n children: [_jsx(Heading, {\n fontSize: \"xl\",\n p: \"4\",\n pb: \"3\",\n children: \"Inbox\"\n }), _jsx(FlatList, {\n data: data,\n renderItem: function renderItem(_ref) {\n var item = _ref.item;\n return _jsx(Box, {\n borderBottomWidth: \"1\",\n _dark: {\n borderColor: 'muted.50'\n },\n borderColor: \"muted.800\",\n pl: \"4\",\n pr: \"5\",\n py: \"2\",\n children: _jsxs(HStack, {\n space: 3,\n justifyContent: \"space-between\",\n children: [_jsx(Avatar, {\n size: \"48px\",\n source: {\n uri: item.avatarUrl\n }\n }), _jsxs(VStack, {\n children: [_jsx(Text, {\n _dark: {\n color: 'warmGray.50'\n },\n color: \"coolGray.800\",\n bold: true,\n children: item.fullName\n }), _jsx(Text, {\n color: \"coolGray.600\",\n _dark: {\n color: 'warmGray.200'\n },\n children: item.recentText\n })]\n }), _jsx(Spacer, {}), _jsx(Text, {\n fontSize: \"xs\",\n _dark: {\n color: 'warmGray.50'\n },\n color: \"coolGray.800\",\n alignSelf: \"flex-start\",\n children: item.timeStamp\n })]\n })\n });\n },\n keyExtractor: function keyExtractor(item) {\n return item.id;\n }\n })]\n });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/FlatList/Basic.tsx"],"names":["React","Box","FlatList","Heading","Avatar","HStack","VStack","Text","Spacer","Example","data","id","fullName","timeStamp","recentText","avatarUrl","item","borderColor","uri","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Box,\n FlatList,\n Heading,\n Avatar,\n HStack,\n VStack,\n Text,\n Spacer,\n} from 'native-base';\nexport const Example = () => {\n const data = [\n {\n id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',\n fullName: 'Aafreen Khan',\n timeStamp: '12:47 PM',\n recentText: 'Good Day!',\n avatarUrl:\n 'https://images.pexels.com/photos/220453/pexels-photo-220453.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500',\n },\n {\n id: '3ac68afc-c605-48d3-a4f8-fbd91aa97f63',\n fullName: 'Sujitha Mathur',\n timeStamp: '11:11 PM',\n recentText: 'Cheer up, there!',\n avatarUrl:\n 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTyEaZqT3fHeNrPGcnjLLX1v_W4mvBlgpwxnA&usqp=CAU',\n },\n {\n id: '58694a0f-3da1-471f-bd96-145571e29d72',\n fullName: 'Anci Barroco',\n timeStamp: '6:22 PM',\n recentText: 'Good Day!',\n avatarUrl: 'https://miro.medium.com/max/1400/0*0fClPmIScV5pTLoE.jpg',\n },\n {\n id: '68694a0f-3da1-431f-bd56-142371e29d72',\n fullName: 'Aniket Kumar',\n timeStamp: '8:56 PM',\n recentText: 'All the best',\n avatarUrl:\n 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSr01zI37DYuR8bMV5exWQBSw28C1v_71CAh8d7GP1mplcmTgQA6Q66Oo--QedAN1B4E1k&usqp=CAU',\n },\n {\n id: '28694a0f-3da1-471f-bd96-142456e29d72',\n fullName: 'Kiara',\n timeStamp: '12:47 PM',\n recentText: 'I will call today.',\n avatarUrl:\n 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRBwgu1A5zgPSvfE83nurkuzNEoXs9DMNr8Ww&usqp=CAU',\n },\n ];\n return (\n \n \n Inbox\n \n (\n \n \n \n \n \n {item.fullName}\n \n \n {item.recentText}\n \n \n \n \n {item.timeStamp}\n \n \n \n )}\n keyExtractor={(item) => item.id}\n />\n \n );\n};\n"]},"metadata":{},"sourceType":"module"}