{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/slicedToArray\";\nimport React from 'react';\nimport { List, Heading, Box } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _React$useState = React.useState('primary.400'),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      defaultColor = _React$useState2[0],\n      setDefaultColor = _React$useState2[1];\n\n  return React.createElement(Box, {\n    w: \"80%\"\n  }, React.createElement(Heading, {\n    px: 2,\n    py: 4,\n    bg: defaultColor,\n    fontSize: 24,\n    color: defaultColor === 'primary.400' ? 'white' : 'gray.800'\n  }, \"Default Theme Color (Pressable List Items)\"), React.createElement(List, {\n    my: 2,\n    py: 0\n  }, React.createElement(List.Item, {\n    _text: {\n      color: 'white'\n    },\n    py: 4,\n    bg: \"primary.400\",\n    onPress: function onPress() {\n      return setDefaultColor('primary.400');\n    }\n  }, \"primary.400\"), React.createElement(List.Item, {\n    py: 4,\n    bg: \"secondary.400\",\n    onPress: function onPress() {\n      return setDefaultColor('secondary.400');\n    }\n  }, \"secondary.400\"), React.createElement(List.Item, {\n    py: 4,\n    bg: \"emerald.400\",\n    onPress: function onPress() {\n      return setDefaultColor('emerald.400');\n    }\n  }, \"emerald.400\"), React.createElement(List.Item, {\n    py: 4,\n    bg: \"blue.400\",\n    onPress: function onPress() {\n      return setDefaultColor('blue.400');\n    }\n  }, \"blue.400\")));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/List/PressableList.tsx"],"names":["React","List","Heading","Box","Example","useState","defaultColor","setDefaultColor","color"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,OAAf,EAAwBC,GAAxB;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,wBACaJ,KAAK,CAACK,QAAN,CAAe,aAAf,CADb;AAAA;AAAA,MACpBC,YADoB;AAAA,MACNC,eADM;;AAE3B,SACE,oBAAC,GAAD;AAAK,IAAA,CAAC,EAAC;AAAP,KACE,oBAAC,OAAD;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAED,YAHN;AAIE,IAAA,QAAQ,EAAE,EAJZ;AAKE,IAAA,KAAK,EAAEA,YAAY,KAAK,aAAjB,GAAiC,OAAjC,GAA2C;AALpD,kDADF,EAUE,oBAAC,IAAD;AAAM,IAAA,EAAE,EAAE,CAAV;AAAa,IAAA,EAAE,EAAE;AAAjB,KACE,oBAAC,IAAD,CAAM,IAAN;AACE,IAAA,KAAK,EAAE;AAAEE,MAAAA,KAAK,EAAE;AAAT,KADT;AAEE,IAAA,EAAE,EAAE,CAFN;AAGE,IAAA,EAAE,EAAC,aAHL;AAIE,IAAA,OAAO,EAAE;AAAA,aAAMD,eAAe,CAAC,aAAD,CAArB;AAAA;AAJX,mBADF,EASE,oBAAC,IAAD,CAAM,IAAN;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAC,eAFL;AAGE,IAAA,OAAO,EAAE;AAAA,aAAMA,eAAe,CAAC,eAAD,CAArB;AAAA;AAHX,qBATF,EAgBE,oBAAC,IAAD,CAAM,IAAN;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAC,aAFL;AAGE,IAAA,OAAO,EAAE;AAAA,aAAMA,eAAe,CAAC,aAAD,CAArB;AAAA;AAHX,mBAhBF,EAuBE,oBAAC,IAAD,CAAM,IAAN;AACE,IAAA,EAAE,EAAE,CADN;AAEE,IAAA,EAAE,EAAC,UAFL;AAGE,IAAA,OAAO,EAAE;AAAA,aAAMA,eAAe,CAAC,UAAD,CAArB;AAAA;AAHX,gBAvBF,CAVF,CADF;AA4CD,CA9CM","sourcesContent":["import React from 'react';\nimport { List, Heading, Box } from 'native-base';\n\nexport const Example = () => {\n  const [defaultColor, setDefaultColor] = React.useState('primary.400');\n  return (\n    <Box w=\"80%\">\n      <Heading\n        px={2}\n        py={4}\n        bg={defaultColor}\n        fontSize={24}\n        color={defaultColor === 'primary.400' ? 'white' : 'gray.800'}\n      >\n        Default Theme Color (Pressable List Items)\n      </Heading>\n      <List my={2} py={0}>\n        <List.Item\n          _text={{ color: 'white' }}\n          py={4}\n          bg=\"primary.400\"\n          onPress={() => setDefaultColor('primary.400')}\n        >\n          primary.400\n        </List.Item>\n        <List.Item\n          py={4}\n          bg=\"secondary.400\"\n          onPress={() => setDefaultColor('secondary.400')}\n        >\n          secondary.400\n        </List.Item>\n        <List.Item\n          py={4}\n          bg=\"emerald.400\"\n          onPress={() => setDefaultColor('emerald.400')}\n        >\n          emerald.400\n        </List.Item>\n        <List.Item\n          py={4}\n          bg=\"blue.400\"\n          onPress={() => setDefaultColor('blue.400')}\n        >\n          blue.400\n        </List.Item>\n      </List>\n    </Box>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}