{"ast":null,"code":"var _this = this,\n    _jsxFileName = \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Hidden/hiddenOnColorModes.tsx\";\n\nimport React from 'react';\nimport { Hidden, Text, Button, Box, useColorMode } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _useColorMode = useColorMode(),\n      colorMode = _useColorMode.colorMode,\n      toggleColorMode = _useColorMode.toggleColorMode;\n\n  return React.createElement(React.Fragment, null, React.createElement(Button, {\n    colorScheme: colorMode === 'light' ? 'blue' : 'red',\n    onPress: function onPress() {\n      toggleColorMode();\n    }\n  }, \"Change mode\"), React.createElement(Hidden, {\n    colorMode: \"light\"\n  }, React.createElement(Box, {\n    bg: \"yellow.400\",\n    p: \"2\",\n    mt: \"5\"\n  }, React.createElement(Text, null, \"This text will be hidden on light mode\"))), React.createElement(Hidden, {\n    colorMode: \"dark\"\n  }, React.createElement(Box, {\n    bg: \"green.400\",\n    p: \"2\",\n    mt: \"5\"\n  }, React.createElement(Text, null, \"This text will be hidden on dark mode\"))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Hidden/hiddenOnColorModes.tsx"],"names":["React","Hidden","Text","Button","Box","useColorMode","Example","colorMode","toggleColorMode"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,IAAjB,EAAuBC,MAAvB,EAA+BC,GAA/B,EAAoCC,YAApC;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,sBACYD,YAAY,EADxB;AAAA,MACnBE,SADmB,iBACnBA,SADmB;AAAA,MACRC,eADQ,iBACRA,eADQ;;AAE3B,SACE,0CACE,oBAAC,MAAD;AACE,IAAA,WAAW,EAAED,SAAS,KAAK,OAAd,GAAwB,MAAxB,GAAiC,KADhD;AAEE,IAAA,OAAO,EAAE,mBAAM;AACbC,MAAAA,eAAe;AAChB;AAJH,mBADF,EASE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,YAAR;AAAqB,IAAA,CAAC,EAAC,GAAvB;AAA2B,IAAA,EAAE,EAAC;AAA9B,KACE,oBAAC,IAAD,iDADF,CADF,CATF,EAcE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACE,oBAAC,GAAD;AAAK,IAAA,EAAE,EAAC,WAAR;AAAoB,IAAA,CAAC,EAAC,GAAtB;AAA0B,IAAA,EAAE,EAAC;AAA7B,KACE,oBAAC,IAAD,gDADF,CADF,CAdF,CADF;AAsBD,CAxBM","sourcesContent":["import React from 'react';\nimport { Hidden, Text, Button, Box, useColorMode } from 'native-base';\n\nexport const Example = () => {\n  const { colorMode, toggleColorMode } = useColorMode();\n  return (\n    <>\n      <Button\n        colorScheme={colorMode === 'light' ? 'blue' : 'red'}\n        onPress={() => {\n          toggleColorMode();\n        }}\n      >\n        Change mode\n      </Button>\n      <Hidden colorMode=\"light\">\n        <Box bg=\"yellow.400\" p=\"2\" mt=\"5\">\n          <Text>This text will be hidden on light mode</Text>\n        </Box>\n      </Hidden>\n      <Hidden colorMode=\"dark\">\n        <Box bg=\"green.400\" p=\"2\" mt=\"5\">\n          <Text>This text will be hidden on dark mode</Text>\n        </Box>\n      </Hidden>\n    </>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}