{"ast":null,"code":"import 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    w: ['200', '300'],\n    h: \"80\"\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","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;AACE,IAAA,CAAC,EAAE,CAAC,KAAD,EAAQ,KAAR,CADL;AAEE,IAAA,CAAC,EAAC;AAFJ,KASE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,YADF,CATF,EAYE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGC,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,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,CAZF,EAsBE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,cADF,CAtBF,EAyBE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGJ,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACG,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,CAzBF,EAmCE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC,GAAX;AAAe,IAAA,EAAE,EAAC;AAAlB,KACE,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAC;AAAlB,eADF,CAnCF,EAsCE,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAC;AAAb,KACGJ,MAAM,CAACC,IAAP,CAAYF,MAAM,CAACO,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,CAtCF,CADF;AAmDD,CArDM","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\n      w={['200', '300']}\n      h=\"80\"\n      // _contentContainerStyle={{\n      //   px: '20px',\n      //   mb: '4',\n      //   minW: '72',\n      // }}\n    >\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"}