{"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, Button, Image, useColorMode, Center } from \"/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/src/index\";\nexport var Example = function Example() {\n  var _useColorMode = useColorMode(),\n      toggleColorMode = _useColorMode.toggleColorMode;\n\n  return React.createElement(Center, null, React.createElement(Button, {\n    colorScheme: \"coolGray\",\n    _light: {\n      _text: {\n        color: 'white'\n      }\n    },\n    onPress: function onPress() {\n      toggleColorMode();\n    }\n  }, \"Change mode\"), React.createElement(Hidden, {\n    colorMode: \"dark\"\n  }, React.createElement(Center, {\n    mt: \"5\"\n  }, React.createElement(Image, {\n    w: \"150\",\n    h: \"150\",\n    source: {\n      uri: 'https://images.unsplash.com/photo-1561566482-5fa7e82d88b7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1471&q=80'\n    },\n    alt: \"image\"\n  }))), React.createElement(Hidden, {\n    colorMode: \"light\"\n  }, React.createElement(Center, {\n    mt: \"5\"\n  }, React.createElement(Image, {\n    w: \"150\",\n    h: \"150\",\n    source: {\n      uri: 'https://images.unsplash.com/photo-1590083948603-b270aff24cc1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80'\n    },\n    alt: \"image\"\n  }))));\n};","map":{"version":3,"sources":["/Users/rohitsingh/Documents/projects/new-nativebase-setup/NativeBase/example/storybook/stories/components/primitives/Hidden/hiddenOnColorModes.tsx"],"names":["React","Hidden","Button","Image","useColorMode","Center","Example","toggleColorMode","_text","color","uri"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,MAAT,EAAiBC,MAAjB,EAAyBC,KAAzB,EAAgCC,YAAhC,EAA8CC,MAA9C;AAEA,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AAAA,sBACCF,YAAY,EADb;AAAA,MACnBG,eADmB,iBACnBA,eADmB;;AAE3B,SACE,oBAAC,MAAD,QACE,oBAAC,MAAD;AACE,IAAA,WAAW,EAAC,UADd;AAEE,IAAA,MAAM,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,KAAK,EAAE;AAAT;AAAT,KAFV;AAGE,IAAA,OAAO,EAAE,mBAAM;AACbF,MAAAA,eAAe;AAChB;AALH,mBADF,EAUE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,KACE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAC,KADJ;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAE;AACNG,MAAAA,GAAG,EACD;AAFI,KAHV;AAOE,IAAA,GAAG,EAAC;AAPN,IADF,CADF,CAVF,EAuBE,oBAAC,MAAD;AAAQ,IAAA,SAAS,EAAC;AAAlB,KACE,oBAAC,MAAD;AAAQ,IAAA,EAAE,EAAC;AAAX,KACE,oBAAC,KAAD;AACE,IAAA,CAAC,EAAC,KADJ;AAEE,IAAA,CAAC,EAAC,KAFJ;AAGE,IAAA,MAAM,EAAE;AACNA,MAAAA,GAAG,EACD;AAFI,KAHV;AAOE,IAAA,GAAG,EAAC;AAPN,IADF,CADF,CAvBF,CADF;AAuCD,CAzCM","sourcesContent":["import React from 'react';\nimport { Hidden, Button, Image, useColorMode, Center } from 'native-base';\n\nexport const Example = () => {\n  const { toggleColorMode } = useColorMode();\n  return (\n    <Center>\n      <Button\n        colorScheme=\"coolGray\"\n        _light={{ _text: { color: 'white' } }}\n        onPress={() => {\n          toggleColorMode();\n        }}\n      >\n        Change mode\n      </Button>\n      <Hidden colorMode=\"dark\">\n        <Center mt=\"5\">\n          <Image\n            w=\"150\"\n            h=\"150\"\n            source={{\n              uri:\n                'https://images.unsplash.com/photo-1561566482-5fa7e82d88b7?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1471&q=80',\n            }}\n            alt=\"image\"\n          />\n        </Center>\n      </Hidden>\n      <Hidden colorMode=\"light\">\n        <Center mt=\"5\">\n          <Image\n            w=\"150\"\n            h=\"150\"\n            source={{\n              uri:\n                'https://images.unsplash.com/photo-1590083948603-b270aff24cc1?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=764&q=80',\n            }}\n            alt=\"image\"\n          />\n        </Center>\n      </Hidden>\n    </Center>\n  );\n};\n"]},"metadata":{},"sourceType":"module"}