{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/SectionList/Basic.tsx\";\n\nimport React from 'react';\nimport { SectionList, Heading, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var data = [{\n    title: 'Cyan',\n    data: ['cyan.100', 'cyan.200', 'cyan.300', 'cyan.400', 'cyan.500']\n  }, {\n    title: 'Yellow',\n    data: ['yellow.100', 'yellow.200', 'yellow.300', 'yellow.400', 'yellow.500']\n  }, {\n    title: 'Violet',\n    data: ['violet.100', 'violet.200', 'violet.300', 'violet.400', 'violet.500']\n  }];\n  return React.createElement(Center, {\n    h: \"80\",\n    w: \"100%\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 5\n    }\n  }, React.createElement(SectionList, {\n    maxW: \"300\",\n    w: \"100%\",\n    mb: \"4\",\n    sections: data,\n    keyExtractor: function keyExtractor(item, index) {\n      return item + index;\n    },\n    renderItem: function renderItem(_ref) {\n      var item = _ref.item;\n      return React.createElement(Center, {\n        py: \"4\",\n        bg: item,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 39,\n          columnNumber: 11\n        }\n      }, item.split('.')[1]);\n    },\n    renderSectionHeader: function renderSectionHeader(_ref2) {\n      var title = _ref2.section.title;\n      return React.createElement(Center, {\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 44,\n          columnNumber: 11\n        }\n      }, React.createElement(Heading, {\n        fontSize: \"xl\",\n        mt: \"8\",\n        pb: \"4\",\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 45,\n          columnNumber: 13\n        }\n      }, title));\n    },\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 7\n    }\n  }));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/SectionList/Basic.tsx"],"names":["React","SectionList","Heading","Center","Example","data","title","item","index","split","section"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,EAAsBC,OAAtB,EAA+BC,MAA/B;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAC3B,MAAMC,IAAI,GAAG,CACX;AACEC,IAAAA,KAAK,EAAE,MADT;AAEED,IAAAA,IAAI,EAAE,CAAC,UAAD,EAAa,UAAb,EAAyB,UAAzB,EAAqC,UAArC,EAAiD,UAAjD;AAFR,GADW,EAKX;AACEC,IAAAA,KAAK,EAAE,QADT;AAEED,IAAAA,IAAI,EAAE,CACJ,YADI,EAEJ,YAFI,EAGJ,YAHI,EAIJ,YAJI,EAKJ,YALI;AAFR,GALW,EAeX;AACEC,IAAAA,KAAK,EAAE,QADT;AAEED,IAAAA,IAAI,EAAE,CACJ,YADI,EAEJ,YAFI,EAGJ,YAHI,EAIJ,YAJI,EAKJ,YALI;AAFR,GAfW,CAAb;AA0BA,SACE,oBAAC,MAAD;AAAQ,IAAA,CAAC,EAAC,IAAV;AAAe,IAAA,CAAC,EAAC,MAAjB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,oBAAC,WAAD;AACE,IAAA,IAAI,EAAC,KADP;AAEE,IAAA,CAAC,EAAC,MAFJ;AAGE,IAAA,EAAE,EAAC,GAHL;AAIE,IAAA,QAAQ,EAAEA,IAJZ;AAKE,IAAA,YAAY,EAAE,sBAACE,IAAD,EAAOC,KAAP;AAAA,aAAiBD,IAAI,GAAGC,KAAxB;AAAA,KALhB;AAME,IAAA,UAAU,EAAE;AAAA,UAAGD,IAAH,QAAGA,IAAH;AAAA,aACV,oBAAC,MAAD;AAAQ,QAAA,EAAE,EAAC,GAAX;AAAe,QAAA,EAAE,EAAEA,IAAnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGA,IAAI,CAACE,KAAL,CAAW,GAAX,EAAgB,CAAhB,CADH,CADU;AAAA,KANd;AAWE,IAAA,mBAAmB,EAAE;AAAA,UAAcH,KAAd,SAAGI,OAAH,CAAcJ,KAAd;AAAA,aACnB,oBAAC,MAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACE,oBAAC,OAAD;AAAS,QAAA,QAAQ,EAAC,IAAlB;AAAuB,QAAA,EAAE,EAAC,GAA1B;AAA8B,QAAA,EAAE,EAAC,GAAjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SACGA,KADH,CADF,CADmB;AAAA,KAXvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CADF;AAuBD,CAlDM","sourcesContent":["import React from 'react';\nimport { SectionList, Heading, Center } from 'native-base';\nexport const Example = () => {\n  const data = [\n    {\n      title: 'Cyan',\n      data: ['cyan.100', 'cyan.200', 'cyan.300', 'cyan.400', 'cyan.500'],\n    },\n    {\n      title: 'Yellow',\n      data: [\n        'yellow.100',\n        'yellow.200',\n        'yellow.300',\n        'yellow.400',\n        'yellow.500',\n      ],\n    },\n    {\n      title: 'Violet',\n      data: [\n        'violet.100',\n        'violet.200',\n        'violet.300',\n        'violet.400',\n        'violet.500',\n      ],\n    },\n  ];\n  return (\n    <Center h=\"80\" w=\"100%\">\n      <SectionList\n        maxW=\"300\"\n        w=\"100%\"\n        mb=\"4\"\n        sections={data}\n        keyExtractor={(item, index) => item + index}\n        renderItem={({ item }) => (\n          <Center py=\"4\" bg={item}>\n            {item.split('.')[1]}\n          </Center>\n        )}\n        renderSectionHeader={({ section: { title } }) => (\n          <Center>\n            <Heading fontSize=\"xl\" mt=\"8\" pb=\"4\">\n              {title}\n            </Heading>\n          </Center>\n        )}\n      />\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}