{"ast":null,"code":"var _this = this,\n _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/FlatList/Basic.tsx\";\n\nimport React from 'react';\nimport { Box, FlatList, Heading, Avatar, HStack, VStack, Text, Spacer } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\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 React.createElement(Box, null, React.createElement(Heading, {\n fontSize: \"xl\",\n p: \"4\",\n pb: \"3\"\n }, \"Inbox\"), React.createElement(FlatList, {\n data: data,\n renderItem: function renderItem(_ref) {\n var item = _ref.item;\n return React.createElement(Box, {\n borderBottomWidth: \"1\",\n _dark: {\n borderColor: 'gray.600'\n },\n borderColor: \"coolGray.200\",\n pl: \"4\",\n pr: \"5\",\n py: \"2\"\n }, React.createElement(HStack, {\n space: 3,\n justifyContent: \"space-between\"\n }, React.createElement(Avatar, {\n size: \"48px\",\n source: {\n uri: item.avatarUrl\n }\n }), React.createElement(VStack, null, React.createElement(Text, {\n _dark: {\n color: 'warmGray.50'\n },\n color: \"coolGray.800\",\n bold: true\n }, item.fullName), React.createElement(Text, {\n color: \"coolGray.600\",\n _dark: {\n color: 'warmGray.200'\n }\n }, item.recentText)), React.createElement(Spacer, null), React.createElement(Text, {\n fontSize: \"xs\",\n _dark: {\n color: 'warmGray.50'\n },\n color: \"coolGray.800\",\n alignSelf: \"flex-start\"\n }, item.timeStamp)));\n },\n keyExtractor: function keyExtractor(item) {\n return item.id;\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"}