{"ast":null,"code":"import React from 'react';\nimport VirtualizedList from \"react-native-web/dist/exports/VirtualizedList\";\nimport { List } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nvar DATA = [];\n\nvar getItem = function getItem(_data, index) {\n  return {\n    id: Math.random().toString(12).substring(0),\n    title: \"Item \" + (index + 1)\n  };\n};\n\nvar getItemCount = function getItemCount(_data) {\n  return 500;\n};\n\nvar Item = function Item(_ref) {\n  var title = _ref.title;\n  return React.createElement(List.Item, {\n    bg: \"emerald.200\",\n    borderRadius: \"md\",\n    justifyContent: \"center\",\n    _text: {\n      fontSize: '2xl'\n    },\n    px: 4,\n    py: 2,\n    my: 2,\n    width: 32\n  }, title);\n};\n\nexport var Example = function Example() {\n  return React.createElement(VirtualizedList, {\n    data: DATA,\n    initialNumToRender: 4,\n    renderItem: function renderItem(_ref2) {\n      var item = _ref2.item;\n      return React.createElement(Item, {\n        title: item.title\n      });\n    },\n    keyExtractor: function keyExtractor(item) {\n      return item.key;\n    },\n    getItemCount: getItemCount,\n    getItem: getItem\n  });\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/List/VirtualizedList.tsx"],"names":["React","List","DATA","getItem","_data","index","id","Math","random","toString","substring","title","getItemCount","Item","fontSize","Example","item","key"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,IAAT;AAEA,IAAMC,IAAI,GAAG,EAAb;;AAEA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAQC,KAAR;AAAA,SAAmB;AACjCC,IAAAA,EAAE,EAAEC,IAAI,CAACC,MAAL,GAAcC,QAAd,CAAuB,EAAvB,EAA2BC,SAA3B,CAAqC,CAArC,CAD6B;AAEjCC,IAAAA,KAAK,aAAUN,KAAK,GAAG,CAAlB;AAF4B,GAAnB;AAAA,CAAhB;;AAKA,IAAMO,YAAY,GAAG,SAAfA,YAAe,CAACR,KAAD;AAAA,SAAW,GAAX;AAAA,CAArB;;AAEA,IAAMS,IAAI,GAAG,SAAPA,IAAO;AAAA,MAAGF,KAAH,QAAGA,KAAH;AAAA,SACX,oBAAC,IAAD,CAAM,IAAN;AACE,IAAA,EAAE,EAAC,aADL;AAEE,IAAA,YAAY,EAAC,IAFf;AAGE,IAAA,cAAc,EAAC,QAHjB;AAIE,IAAA,KAAK,EAAE;AAAEG,MAAAA,QAAQ,EAAE;AAAZ,KAJT;AAKE,IAAA,EAAE,EAAE,CALN;AAME,IAAA,EAAE,EAAE,CANN;AAOE,IAAA,EAAE,EAAE,CAPN;AAQE,IAAA,KAAK,EAAE;AART,KAUGH,KAVH,CADW;AAAA,CAAb;;AAeA,OAAO,IAAMI,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,SACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEb,IADR;AAEE,IAAA,kBAAkB,EAAE,CAFtB;AAGE,IAAA,UAAU,EAAE;AAAA,UAAGc,IAAH,SAAGA,IAAH;AAAA,aAAc,oBAAC,IAAD;AAAM,QAAA,KAAK,EAAEA,IAAI,CAACL;AAAlB,QAAd;AAAA,KAHd;AAIE,IAAA,YAAY,EAAE,sBAACK,IAAD;AAAA,aAAUA,IAAI,CAACC,GAAf;AAAA,KAJhB;AAKE,IAAA,YAAY,EAAEL,YALhB;AAME,IAAA,OAAO,EAAET;AANX,IADF;AAUD,CAXM","sourcesContent":["import React from 'react';\nimport { VirtualizedList } from 'react-native';\nimport { List } from 'native-base';\n\nconst DATA = [];\n\nconst getItem = (_data, index) => ({\n  id: Math.random().toString(12).substring(0),\n  title: `Item ${index + 1}`,\n});\n\nconst getItemCount = (_data) => 500;\n\nconst Item = ({ title }: { title: String }) => (\n  <List.Item\n    bg=\"emerald.200\"\n    borderRadius=\"md\"\n    justifyContent=\"center\"\n    _text={{ fontSize: '2xl' }}\n    px={4}\n    py={2}\n    my={2}\n    width={32}\n  >\n    {title}\n  </List.Item>\n);\n\nexport const Example = () => {\n  return (\n    <VirtualizedList\n      data={DATA}\n      initialNumToRender={4}\n      renderItem={({ item }) => <Item title={item.title} />}\n      keyExtractor={(item) => item.key}\n      getItemCount={getItemCount}\n      getItem={getItem}\n    />\n  );\n};\n"]},"metadata":{},"sourceType":"module"}