{"ast":null,"code":"import React from 'react';\nimport { ScrollView, VStack, Center, useTheme, Heading } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport var Example = function Example() {\n  var _useTheme = useTheme(),\n      colors = _useTheme.colors;\n\n  return _jsxs(ScrollView, {\n    maxW: \"300\",\n    h: \"80\",\n    _contentContainerStyle: {\n      px: '20px',\n      mb: '4',\n      minW: '72'\n    },\n    children: [_jsx(Center, {\n      mt: \"3\",\n      mb: \"4\",\n      children: _jsx(Heading, {\n        fontSize: \"xl\",\n        children: \"Cyan\"\n      })\n    }), _jsx(VStack, {\n      flex: \"1\",\n      children: Object.keys(colors.cyan).map(function (key, index) {\n        if (index >= 1 && index <= 5) return _jsx(Center, {\n          py: \"4\",\n          bg: \"cyan.\" + key,\n          children: key\n        });\n      })\n    }), _jsx(Center, {\n      mt: \"8\",\n      mb: \"4\",\n      children: _jsx(Heading, {\n        fontSize: \"xl\",\n        children: \"Yellow\"\n      })\n    }), _jsx(VStack, {\n      flex: \"1\",\n      children: Object.keys(colors.cyan).map(function (key, index) {\n        if (index >= 1 && index <= 5) return _jsx(Center, {\n          py: \"4\",\n          bg: \"yellow.\" + key,\n          children: key\n        });\n      })\n    }), _jsx(Center, {\n      mt: \"8\",\n      mb: \"4\",\n      children: _jsx(Heading, {\n        fontSize: \"xl\",\n        children: \" Violet\"\n      })\n    }), _jsx(VStack, {\n      flex: \"1\",\n      children: Object.keys(colors.violet).map(function (key, index) {\n        if (index >= 1 && index <= 5) return _jsx(Center, {\n          py: \"4\",\n          bg: \"violet.\" + key,\n          children: key\n        });\n      })\n    })]\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,MAAC,UAAD;AACE,IAAA,IAAI,EAAC,KADP;AAEE,IAAA,CAAC,EAAC,IAFJ;AAGE,IAAA,sBAAsB,EAAE;AACtBC,MAAAA,EAAE,EAAE,MADkB;AAEtBC,MAAAA,EAAE,EAAE,GAFkB;AAGtBC,MAAAA,IAAI,EAAE;AAHgB,KAH1B;AAAA,eASE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,EAAC,GAAlB;AAAA,gBACE,KAAC,OAAD;AAAS,QAAA,QAAQ,EAAC,IAAlB;AAAA;AAAA;AADF,MATF,EAYE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,GAAb;AAAA,gBACGC,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACM,IAAnB,EAAyBC,GAAzB,CAA6B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC5C,YAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,KAAC,MAAD;AAAQ,UAAA,EAAE,EAAC,GAAX;AAAe,UAAA,EAAE,YAAUD,GAA3B;AAAA,oBACGA;AADH,UADF;AAKH,OAPA;AADH,MAZF,EAsBE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,EAAC,GAAlB;AAAA,gBACE,KAAC,OAAD;AAAS,QAAA,QAAQ,EAAC,IAAlB;AAAA;AAAA;AADF,MAtBF,EAyBE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,GAAb;AAAA,gBACGJ,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACM,IAAnB,EAAyBC,GAAzB,CAA6B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC5C,YAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,KAAC,MAAD;AAAQ,UAAA,EAAE,EAAC,GAAX;AAAe,UAAA,EAAE,cAAYD,GAA7B;AAAA,oBACGA;AADH,UADF;AAKH,OAPA;AADH,MAzBF,EAmCE,KAAC,MAAD;AAAQ,MAAA,EAAE,EAAC,GAAX;AAAe,MAAA,EAAE,EAAC,GAAlB;AAAA,gBACE,KAAC,OAAD;AAAS,QAAA,QAAQ,EAAC,IAAlB;AAAA;AAAA;AADF,MAnCF,EAsCE,KAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,GAAb;AAAA,gBACGJ,MAAM,CAACC,IAAP,CAAYL,MAAM,CAACU,MAAnB,EAA2BH,GAA3B,CAA+B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AAC9C,YAAIA,KAAK,IAAI,CAAT,IAAcA,KAAK,IAAI,CAA3B,EACE,OACE,KAAC,MAAD;AAAQ,UAAA,EAAE,EAAC,GAAX;AAAe,UAAA,EAAE,cAAYD,GAA7B;AAAA,oBACGA;AADH,UADF;AAKH,OAPA;AADH,MAtCF;AAAA,IADF;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      maxW=\"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"}