{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/ScrollView/Basic.tsx\";\n\nimport React from 'react';\nimport { ScrollView, VStack, Center, useTheme, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _useTheme = useTheme(),\n      colors = _useTheme.colors;\n\n  return React.createElement(ScrollView, {\n    _contentContainerStyle: {\n      px: '20px',\n      mb: '4',\n      minW: '72'\n    }\n  }, React.createElement(Center, {\n    mt: \"3\",\n    mb: \"4\"\n  }, React.createElement(Heading, {\n    fontSize: \"xl\"\n  }, \"Cyan\")), React.createElement(VStack, {\n    flex: \"1\"\n  }, Object.keys(colors.cyan).map(function (key, index) {\n    if (index >= 1 && index <= 5) return React.createElement(Center, {\n      py: \"4\",\n      bg: \"cyan.\" + key\n    }, key);\n  })), React.createElement(Center, {\n    mt: \"8\",\n    mb: \"4\"\n  }, React.createElement(Heading, {\n    fontSize: \"xl\"\n  }, \"Yellow\")), React.createElement(VStack, {\n    flex: \"1\"\n  }, Object.keys(colors.cyan).map(function (key, index) {\n    if (index >= 1 && index <= 5) return React.createElement(Center, {\n      py: \"4\",\n      bg: \"yellow.\" + key\n    }, key);\n  })), React.createElement(Center, {\n    mt: \"8\",\n    mb: \"4\"\n  }, React.createElement(Heading, {\n    fontSize: \"xl\"\n  }, \" Violet\")), React.createElement(VStack, {\n    flex: \"1\"\n  }, Object.keys(colors.violet).map(function (key, index) {\n    if (index >= 1 && index <= 5) return React.createElement(Center, {\n      py: \"4\",\n      bg: \"violet.\" + key\n    }, key);\n  })));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/basic/ScrollView/Basic.tsx"],"names":["React","ScrollView","VStack","Center","useTheme","Heading","Example","colors","px","mb","minW","Object","keys","cyan","map","key","index","violet"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,EAAqBC,MAArB,EAA6BC,MAA7B,EAAqCC,QAArC,EAA+CC,OAA/C;AACA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,kBACRF,QAAQ,EADA;AAAA,MACnBG,MADmB,aACnBA,MADmB;;AAE3B,SACE,oBAAC,UAAD;AAAY,IAAA,sBAAsB,EAAE;AAAEC,MAAAA,EAAE,EAAE,MAAN;AAAcC,MAAAA,EAAE,EAAE,GAAlB;AAAuBC,MAAAA,IAAI,EAAE;AAA7B;AAApC,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,YADF,CADF,EAIE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGC,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACM,IAAnB,EAAyBC,GAAzB,CAA6B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC5C,QAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,oBAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,YAAUD;AAA3B,OACGA,GADH,CADF;AAKH,GAPA,CADH,CAJF,EAcE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,cADF,CAdF,EAiBE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGJ,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACM,IAAnB,EAAyBC,GAAzB,CAA6B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC5C,QAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,oBAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,cAAYD;AAA7B,OACGA,GADH,CADF;AAKH,GAPA,CADH,CAjBF,EA2BE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,eADF,CA3BF,EA8BE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGJ,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACU,MAAnB,EAA2BH,GAA3B,CAA+B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC9C,QAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,oBAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,cAAYD;AAA7B,OACGA,GADH,CADF;AAKH,GAPA,CADH,CA9BF,CADF;AA2CD,CA7CM","sourcesContent":["import React from 'react';\nimport { ScrollView, VStack, Center, useTheme, Heading } from 'native-base';\nexport const Example = () => {\n  const { colors } = useTheme();\n  return (\n    <ScrollView _contentContainerStyle={{ px: '20px', mb: '4', minW: '72' }}>\n      <Center mt=\"3\" mb=\"4\">\n        <Heading fontSize=\"xl\">Cyan</Heading>\n      </Center>\n      <VStack flex=\"1\">\n        {Object.keys(colors.cyan).map((key, index) => {\n          if (index >= 1 && index <= 5)\n            return (\n              <Center py=\"4\" bg={`cyan.${key}`}>\n                {key}\n              </Center>\n            );\n        })}\n      </VStack>\n      <Center mt=\"8\" mb=\"4\">\n        <Heading fontSize=\"xl\">Yellow</Heading>\n      </Center>\n      <VStack flex=\"1\">\n        {Object.keys(colors.cyan).map((key, index) => {\n          if (index >= 1 && index <= 5)\n            return (\n              <Center py=\"4\" bg={`yellow.${key}`}>\n                {key}\n              </Center>\n            );\n        })}\n      </VStack>\n      <Center mt=\"8\" mb=\"4\">\n        <Heading fontSize=\"xl\"> Violet</Heading>\n      </Center>\n      <VStack flex=\"1\">\n        {Object.keys(colors.violet).map((key, index) => {\n          if (index >= 1 && index <= 5)\n            return (\n              <Center py=\"4\" bg={`violet.${key}`}>\n                {key}\n              </Center>\n            );\n        })}\n      </VStack>\n    </ScrollView>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}